jQuery(document).ready(function() 
{
    jQuery('#albumpart-mycarousel').jcarousel({
        visible: 6,
        scroll: 6,
        start: 1,
        size: $('#albumpart-mycarousel li').length,
        itemLoadCallback: itemLoadCallback,
        initCallback: initCarousel
    });

});	
    
    /* We need to load the first genre in the pager... */


function itemLoadCallback(carousel, state) 
{
    $('#carousel-current-slide').html('<ul></ul>');
    var per_page = carousel.last - carousel.first + 1;
    var currPage = 0;
    var f, l;
    var cr = carousel;

    for (var i = carousel.first; i <= carousel.last; i++) {
        var page = Math.ceil(i / per_page);

        if (currPage != page) {
            currPage = page;

            f = ((page - 1) * per_page) + 1;
            l = f + per_page - 1;

            f = f < carousel.first ? carousel.first : f;
            l = l > carousel.last ? carousel.last : l;

            if (carousel.has(f, l)) {
                continue;
            }
        }
    }

    var numPages = Math.ceil($('#albumpart-mycarousel li').length / (per_page));
    
    
    for (var a = 1; a <= numPages; a++) {
        $('.' + a + '-slide').removeClass("active");
        $('#carousel-current-slide ul').append('<li class="' + a + '-slide"> ');
        $('.' + page + '-slide').addClass("active");
    }

    $('#carousel-current-slide ul').css("width", ((7 * numPages) + (7 * numPages)) + "px");
};

function initCarousel(carousel, state) 
{
    var per_page = carousel.last - carousel.first + 1;
    var numPages = Math.ceil($('#carousel-current-slide li').length / (per_page));
};