$(document).ready(function() {

	function mycarousel_initCallback(carousel)
	{
		$('.jcarousel-control p').bind('click', function() {
			carousel.scroll($.jcarousel.intval($(this).text()));
			return false;
		});
		
		$('#_1').addClass('actif');
		
		 carousel.buttonNext.bind('click', function() {
			carousel.startAuto(0);
		});

		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0);
		});
		
		 carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
		
		$('.jcarousel-control').hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};
	
	function mycarousel_itemVisibleInCallbackBeforeAnimation(carousel, item, idx, state)
	{
		$('.actif').removeClass('actif');
		$('#_'+idx).addClass('actif');
	};
	$("#mycarousel").jcarousel({
		scroll: 1,
		initCallback: mycarousel_initCallback,
		itemVisibleInCallback: {
			onBeforeAnimation:  mycarousel_itemVisibleInCallbackBeforeAnimation
		},
		auto: false,
		animation:"slow",
		wrap:"both"
	});
});