var _carousel;
$(document).ready(docReady);

function docReady()
{
    $("#headerBannerListWrapper").show();

    $("#headerBannerListWrapper").jcarousel
    ({ 
        visible: 1, 
        scroll: 1,
        initCallback: jCarouselInitCallback,
        buttonNextCallback: jCarouselNextPrevClick,
        buttonPrevCallback: jCarouselNextPrevClick,
        "wrap": null 
     });
}

function jCarouselInitCallback(carousel)
{
    _carousel = carousel;
    $(".jcarousel-prev").text("<");
    $(".jcarousel-next").text(">");
    $(".jcarousel-control a").bind("click", jCarouselNumberClick);
    $(".jcarousel-next").bind('click', jCarouselNextPrevClick);
    $(".jcarousel-prev").bind('click', jCarouselNextPrevClick);
}

function jCarouselNumberClick()
{
    var selectedBannerNumber = $(this).text();
    _carousel.scroll(jQuery.jcarousel.intval(selectedBannerNumber));

    $("#headerBannerList").data("selectedBannerNumber", selectedBannerNumber);

    $(".jcarousel-control a").removeClass("disabled");
    $(this).addClass("disabled");

    return false;
}

function jCarouselNextPrevClick()
{
    $(".jcarousel-control a").removeClass("disabled");
    $(".jcarousel-control a#jcarousel-select-image-" + _carousel.first).addClass("disabled");
}