$(document).ready(function(){

	$('.ticker').jcarousel({
        auto: 2,
        wrap: 'circular',
        scroll: 1,
        buttonNextHTML: '<div id="tickerLeft"></div>',
        buttonPrevHTML: '<div id="tickerRight"></div>',
        visible: 4,
        animation: 'slow',
        initCallback: mycarousel_initCallback

    });
    
    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();
        });
    };
    

});