jQuery(document).ready(function() {

	/* Variables */
	/* Temps entre slide en secondes */
	var tempsentreslides = 5;
	
	if (jQuery('.carousel .encart_image').size()>0) {
		jQuery('.carousel_control a').each(function(i){
			jQuery(this).attr('id',jQuery(this).attr('id').slice(6,7));
		});
		jQuery('.carousel .encart_image').jcarousel({
			/* Parametre du defilement auto suivi du nb de secondes entre chaque slide */
			auto: tempsentreslides,
			scroll: 1,
			wrap: 'last',
			initCallback: mycarousel_initCallback,
			itemVisibleInCallback: {
				onBeforeAnimation: mycarousel_initVisibleInCallback
			},
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
	}

	/* Ce qu'il se passe quand on clique sur les onglets à gauche */
	function mycarousel_initCallback(carousel) {
		jQuery('.carousel_control a').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(parseInt(jQuery(this).attr('id'))));
			jQuery('.carousel_control a').each(function(i){
				jQuery(this).removeClass('act');
			});
			jQuery(this).addClass('act');
			carousel.Auto();
			return false;
		});
		jQuery('.jcarousel-clip').click(function(e) {
			carousel.Auto();
		});
	}
	
	/* Ce qu'il se passe lors du defilement automatique */
	function mycarousel_initVisibleInCallback(carousel, item, idx, state) {
		jQuery('.carousel_control a').each(function(i){
			jQuery(this).removeClass('act');
			if (parseInt(jQuery(this).attr('id'))==idx) {
				jQuery(this).addClass('act');
			}
		});
	}

});