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

$(document).ready(function() {
    
	//alert("Testing 1...2...3");
	
	$('#mycarousel').jcarousel({
        auto: 5,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
	
	//hide & reveal the prev and next buttons on hover over the container div
	$("div.jcarousel-container").hover(
		function(){$('.jcarousel-prev, .jcarousel-next').css('visibility','visible')},
		function(){$('.jcarousel-prev, .jcarousel-next').css('visibility','hidden')}
	);
	

	
	
});