﻿function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function () {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function () {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('.right_scroll').bind('click', function () {
        carousel.next();
        carousel.startAuto(0);
        return false;
    });

    jQuery('.left_scroll').bind('click', function () {
        carousel.prev();
        carousel.startAuto(0);
        return false;
    });

        // Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
    carousel.stopAuto();
}, function() {
    carousel.startAuto();
});

};

// Ride the carousel...
jQuery(document).ready(function () {
    jQuery("#carousel").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback,
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        auto: 2,
        wrap: 'circular',
    });
});
