﻿function mycarousel_initCallback(carousel) {
    jQuery('.control a').bind('click', function () {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr('rel')));
        return false;
    });

    carousel.clip.hover(function () {
        carousel.stopAuto();
    }, function () {
        carousel.startAuto();
    });
};

function mycarousel_itemLoadCallback(evt) {
    var controls = $('#vertica-carousel #controls');
    if (evt.prevLast != null) { controls.children('a[rel="' + evt.prevLast + '"]').removeClass(); }
    controls.children('a[rel="' + evt.last + '"]').addClass('selected');
};

jQuery(document).ready(function () {
    jQuery('#vertica-carousel').jcarousel({
        auto: 5,
        wrap: 'last',
        scroll: 1,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        initCallback: mycarousel_initCallback,
        itemLoadCallback: { onAfterAnimation: mycarousel_itemLoadCallback }
    });
});
