function InitializePages() {
    var totalPages = Math.floor($(".Issue").length / PageLength);
    if ($(".Issue").length % PageLength > 0) {
        ++totalPages;
    }

    $("span#TotalPages").text(totalPages);

    $(".Issue").show();
    if (PageLength < $(".Issue").length) {
        for (var i = PageLength; i < $(".Issue").length; i++) {
            $($(".Issue")[i]).hide();
        }
    }
    UpdatePage();
}

function UpdatePage() {
    scroll(0, 0);
    $("span#CurrentPage").text(($(".Issue").index($(".Issue:visible:first")) / PageLength) + 1)
    if ($(".Issue").index($(".Issue:visible:last")) + 1 == $(".Issue").length) {
        $(".PageNavigation .Next").css("visibility", "hidden"); //hide();
    }
    else {
        $(".PageNavigation .Next").css("visibility", "visible"); //show();
    }
    if ($(".Issue").index($(".Issue:visible:first")) + 1 == 1) {
        $(".PageNavigation .Previous").css("visibility", "hidden"); //hide();
    }
    else {
        $(".PageNavigation .Previous").css("visibility", "visible"); //show();
    }
}

function InitializeNav() {
    $(".PageNavigation .Next").click(function() {
        var pageStart = $(".Issue").index($(".Issue:visible:last")) + 1;
        $(".Issue").hide();
        for (var i = pageStart; i < pageStart + PageLength && i < $(".Issue").length; i++) {
            $($(".Issue")[i]).show();
        }
        UpdatePage();
    });

    $(".PageNavigation .Previous").click(function() {
        var pageEnd = $(".Issue").index($(".Issue:visible:first")) - 1;
        $(".Issue").hide();
        for (var i = pageEnd; i > pageEnd - PageLength && i >= 0; i--) {
            $($(".Issue")[i]).show();
        }
        UpdatePage();
    });
};