$(document).ready(function() {
    initCarousel();
});

function initCarousel() {
    //unselect all
    $("a", "div.carosel ul").each(function() {
        $(this).removeClass("selected");
    });
    
    //set selected:
    var code = $("#product-optical-details-data span.color-code").text();
    var asel = $("a[title='" + code + "']", "div.carosel ul");
    var vsel = asel.parent();
    asel.addClass("selected");

    var ind = $("div.carosel ul li").index(vsel);

    ind = Math.floor(ind / 5) * 5;
    //alert(ind);

   /* $(".carosel").jCarouselLite({
        btnNext: ".car-next-arrow",
        btnPrev: ".car-previous-arrow",
        circular: false,
        visible: 5,
        scroll: 5,
        speed: 600,
        start: ind,
        afterEnd: function(a) {
            enableScroll(a);
        }
    });*/

    enableScroll($("div.carosel ul li:eq(" + ind + ")"));
}

function enableScroll(item) {
    //alert(item.html());
    //alert(item.next().next().next().next().html());
    var fst = item.parent().find('li:first').html() == item.html();
    var lst = item.parent().find('li:last').html() == item.next().next().next().next().html();
    
    if (lst) {
        $('.car-next-arrow img').hide();
        $('.car-next-arrow').css('cursor', 'default');
    }
    else {
        $('.car-next-arrow img').show();
        $('.car-next-arrow').css('cursor', 'pointer');
    }
    if (fst) {
        $('.car-previous-arrow img').hide();
        $('.car-previous-arrow').css('cursor', 'default');
    }
    else {
        $('.car-previous-arrow img').show();
        $('.car-previous-arrow').css('cursor', 'pointer');
    }

}