/**
 * Homepage carousel
 */
(function($){

    // init carousel
    $('#carousel').jcarousel({
        auto: 2,
        wrap: 'last',
        scroll: 1,
        initCallback: mycarousel_initCallback
    });

    // autoplay callback for carousel
    function mycarousel_initCallback(carousel) {

        // disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
        });

        // pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };

})(jQuery);
