$(document).ready(function() {
    function carouselInit(carousel, state) {
        // 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('#slideshow').jcarousel({
        auto: 6,
        wrap: null,
        scroll: 1,
        animation: 1000,
        easing: "easeInOutExpo",
        initCallback: carouselInit
    });

});