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() {		
	$(".slideshow img").each(function() {
		$(this).wrap("<li>")
	});
    $("#mycarousel").jcarousel({
    	auto: 5,
        wrap: 'last',
        initCallback: mycarousel_initCallback,
        buttonNext : '.next',
        btnPrev : '.previous',
        circular: true
    });
    
    $('.next').bind('click',function() {
    	$('#mycarousel').jcarousel('next');
    });
    $('.previous').bind('click',function() {
    	$('#mycarousel').jcarousel('prev');
    });    


});