$(document).ready(function(){//on attend que la page soit chargée
        jQuery('#prodList').jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null
    });
    $("#leftArrow").hide();
});

function mycarousel_initCallback(carousel) {


    jQuery('#prodSelector a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("title")));
        //jQuery('#prodSelector a').attr({class: ""});
        //jQuery(this).attr({class: "active"});
        jQuery('#prodSelector a').attr("class", "");
        jQuery(this).attr("class", "active");
        if (carousel.tail) $("#rightArrow").hide();
        else $("#rightArrow").show();
        if (carousel.first==1) $("#leftArrow").hide();
        else $("#leftArrow").show();
        
        return false;
    });
    
    jQuery('#rightArrow').bind('click', function() {
        carousel.options.scroll=6;
        next=jQuery('#prodSelector li a.active').parent().next().find("a");
        jQuery('#prodSelector a').attr("class", "");
        next.attr("class", "active");
        carousel.next();
        if (carousel.tail) $("#rightArrow").hide();
        if (carousel.first>1) $("#leftArrow").show();
        return false;
    });

    jQuery('#leftArrow').bind('click', function() {
        carousel.options.scroll=6;
        prev=jQuery('#prodSelector li a.active').parent().prev().find("a");
        jQuery('#prodSelector a').attr("class", "");
        prev.attr("class", "active");
        carousel.prev();
        if (carousel.first==1) $("#leftArrow").hide();
        if (!carousel.tail) $("#rightArrow").show();
        return false;
    });
    
}