/// <reference name="MicrosoftAjax.js" />
/// <reference path="http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.min-vsdoc.js" />

var listingsPerPage;
var numberOfListings;
var currentIndex;
var listings;
var listingPager;
var numberOfPages
var ddlListingsPerPage;

$(function() {
    ddlListingsPerPage = $("#ddlListingsPerPage");
    ddlListingsPerPage.val("3");
    listingsPerPage = ddlListingsPerPage.val();
    listings = $("#listings");
    listingPager = $("#listingPager");
    $(".mainContent").css("border-top", "none");
    numberOfListings = listings.children().length;
    SetUpList(listingsPerPage);

    listings.children("li:gt(" + (listingsPerPage - 1) + ")").hide();
    AddPagingHandlers();

    listingPager.children("li#nextListing").click(function() {
        ChangeListingPage(currentIndex + 1);
    });

    ddlListingsPerPage.change(function() {
        SetUpList($(this).val());
        SetUpPager($(this).val());
        AddPagingHandlers();
        ChangeListingPage(0);
    });
});

function SetUpList(numberPerPage) {
    listingsPerPage = numberPerPage == "All" ? numberOfListings : parseInt(numberPerPage);
    numberOfPages = parseInt((numberOfListings / listingsPerPage)) + (numberOfListings % listingsPerPage > 0 ? 1 : 0);
    currentIndex = 0;
}

function SetUpPager(numberPerPage) {
    if (numberPerPage == "All" || numberOfListings <= parseInt(numberPerPage)) {
        listingPager.hide();
    }
    else {
        listingPager.show();
        listingPager.children("li:not(:first:last)").remove();
        for (var i = numberOfPages; i >= 1; i--) {
            listingPager.children("li:first").after("<li>" + i + "</li>");
        }
    }
}

function AddPagingHandlers(numberPerPage) {
    if (numberPerPage != "All") {
        listingPager.children("li:not(:first:last)").each(function(index) {
            $(this).click(function() {
                ChangeListingPage(index);
            });
        });
    }
}

function ChangeListingPage(pageIndex) {
    currentIndex = pageIndex;
    
    listings.children("li").hide();
    listingPager.children("li.listingCurrentPage").removeClass("listingCurrentPage");
    listings.children("li").slice(pageIndex * listingsPerPage, (pageIndex * listingsPerPage) + (listingsPerPage)).show();
    listingPager.children("li:nth-child(" + (pageIndex + 2) + ")").addClass("listingCurrentPage");

    var previousListing = listingPager.children("li#previousListing");
    var nextListing = listingPager.children("li#nextListing");

    if (currentIndex > 0) {
        previousListing.unbind("click").click(function() {
            ChangeListingPage(currentIndex - 1);
        });
        previousListing.addClass("previousListing");
        previousListing.removeClass("previousListingDisabled");
    }
    else {
        previousListing.unbind("click");
        previousListing.addClass("previousListingDisabled");
        previousListing.removeClass("previousListing");
    }

    if (currentIndex < numberOfPages - 1) {
        nextListing.unbind("click").click(function() {
            ChangeListingPage(currentIndex + 1);
        });
        nextListing.addClass("nextListing");
        nextListing.removeClass("nextListingDisabled");
    }
    else {
        nextListing.unbind("click");
        nextListing.addClass("nextListingDisabled");
        nextListing.removeClass("nextListing");
    }
}