function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
            carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
            return false;
            });
    jQuery('#mycarousel-next').bind('click', function() {
            carousel.next();
            return false;
            });
    jQuery('#mycarousel-prev').bind('click', function() {
            carousel.prev();
            return false;
            });
};

var loop = 0;

function setPagination(carousel, object, index, state)
{
    index = index - (4*loop);
    console.log('index : '+ index);
    console.log('loop : ' + loop);
    jQuery('.jcarousel-control a').removeClass('selected');
    jQuery('.jcarousel-control a[title="' + index + '"]').addClass('selected');
    if(index%4 == 0)
    {
        loop++;
    }
}

jQuery(document).ready(function() {
    jQuery("#mycarousel").jcarousel({
        scroll:                 1,
        initCallback:           mycarousel_initCallback,
        itemVisibleInCallback:  setPagination,
        auto:                   8,
        buttonNextHTML:         null,
        buttonPrevHTML:         null,
        wrap:                   'circular'
    });
});