// JScript File

function Render(key)
{  
    var method = pageNavigator[key, 'method'];
    var pageRange = 5;

    var currentPage = pageNavigator[key, 'current'];
    var totalPages = pageNavigator[key, 'total'];    
  
    var isFirstPage = (currentPage == 1);
    var isLastPage = (currentPage == totalPages);    
   
    var firstPageToShow = currentPage - pageRange;
    if (firstPageToShow < 1)
    {
        firstPageToShow = 1;
    }
    var lastPageToShow = firstPageToShow + (pageRange * 2) - 1;
    if (lastPageToShow > totalPages)
    {
        lastPageToShow = totalPages;
    }
    
    
    var navigatorElement = document.getElementById("pageNavigator_" + key);
    
    var html = "<ul>";
    html += "<li>Pages:</li>";  
  
    

    for(var i = firstPageToShow; i <= lastPageToShow; i++)
    {
        var style = (i == currentPage) ? "style='font-weight:bold; text-decoration:underline;'" : "";
        html += "<li><a " + style + " href='javascript:SetPage(\"" + key + "\", " + i + ");" + pageNavigator[key, "method"] + "(" + i.toString() + ");'>" + i.toString() + "</a></li>";
    }
    
    html += "</ul>";
    navigatorElement.innerHTML = html;
    
}

function SetPage(key, page)
{
    pageNavigator[key, 'current'] = page;
    Render(key);
}