// -------------------------------
function carrousel_ (_id,_state) {
// ----------------
	var img, plus, table ;
	if (document.all) {
		img = document.all["carrouselImg" + _id] ;
		plus = document.all["carrouselPlus" + _id] ;
		table = document.all["carrouselInfo" + _id] ;
	}
	else {
		img = document.getElementById("carrouselImg" + _id) ;
		plus = document.getElementById("carrouselPlus" + _id) ;
		table = document.getElementById("carrouselInfo" + _id) ;
	}
	
	if (_state) table.style.visibility = "visible" ;
	else table.style.visibility = "hidden" ;
	
	table.style.width = img.offsetWidth ;
	plus.style.left = ((img.offsetWidth / 2) - 11) + "px" ;
}

// ------------------------
$(window).load(function() {
// ------------------------
	if ($(".diaporama1").length > 0 || $(".diaporama2").length > 0 || $(".diaporama3").length > 0)
	{
		Reference = $(".carrousel li:first-child") ; 

		myWidthMax = 0 ;
		
		myWidths = new Array() ;
		$('.carrousel li').each(function(index) {
	    myWidthMax += $(this).width();
	    myWidths[index] = $(this).width();
	  });
	  
	  if (myWidthMax <= $(".carrousel-content").width()) {
	  	$(".carrousel-next").hide();
	  	$(".carrousel-prev").hide();
	  	if ($(".carrousel-content").width() < 400) {
	  		var meL = Math.ceil(($(".carrousel-content").width() - myWidthMax) / 2) + 20 ;
	  		$(".carrousel-content").css("left",meL+"px") ;
	  	}
	  } else {
	  	$(".carrousel-next").css("visibility","visible") ;
	  	$(".carrousel-prev").css("visibility","visible");
	  }

		NbElement = $(".carrousel li").length ;
		w = $(".carrousel-content").width() ;
	     
		$(".carrousel") 
		.wrap('<div class="carrousel-conteneur"></div>') 
		.css("width",(myWidthMax)); // CODE : .css("width",(Reference.width() * NbElement)); 
	     
		$(".carrousel-conteneur") 
		.width(w)
		.height($(".carrousel-content").height())
		.css("overflow","hidden") 
		.after('');
		
		$(".carrousel-content").css("visibility","visible") ;
	
		// Actions de navigation 
     
		// Initialisation du compteur 
		Cpt = 0;
		myMargin = 0;
		
		var meW = 0 ;
		var meNb = 0 ;
		for (var i = 0 ; i < myWidths.length ; i++) {
			if (meW + myWidths[i] < $(".carrousel-content").width()) {
				meW += myWidths[i] ;
				meNb++ ;
			}
		}

	  $("#carrousel-next").click(function() { 
	  	if (Cpt >= NbElement - meNb - 1 && (myMargin + $(".carrousel-content").width() < myWidthMax)) {
	    	Cpt++ ; // ajout +1 au compteur (nous allons sur la diapositive suivante) 
	    	myMargin += myWidths[Cpt-1] ;
	      $(".carrousel").animate({ // Mouvement du carrousel en arrière-plan 
	          marginLeft : - (myMargin) 
	      }); 
	    }
	    if (Cpt < NbElement - meNb - 1) { // si le compteur est inférieur au nombre de diaposives moins 1  
	    	Cpt++ ; // ajout +1 au compteur (nous allons sur la diapositive suivante) 
	   		myMargin += myWidths[Cpt-1] ;
	      $(".carrousel").animate({ // Mouvement du carrousel en arrière-plan 
	          marginLeft : - (myMargin) 
	      }); 
	    }
	  	$("#carrousel-prev").css("background","url(mods/carroussel/img/btn1.gif) top left no-repeat"); 
	    if (myMargin + $(".carrousel-content").width() >= myWidthMax) $("#carrousel-next").css("background","url(mods/carroussel/img/btn2off.gif) top left no-repeat"); 
	  }); 
         
	  $("#carrousel-prev").click(function() { 
	  if(Cpt > 0) { // Si le compteur est supérieur à zéro 
	    Cpt-- ; // soustraction -1 au compteur (nous allons sur la diapositive précédente) 
	    myMargin -= myWidths[Cpt] ;
	    $(".carrousel").animate({ // Mouvement du carrousel en arrière-plan 
	        marginLeft : - (myMargin) 
	    }); 
	  }
	  if (Cpt == 0) $("#carrousel-prev").css("background","url(mods/carroussel/img/btn1off.gif) top left no-repeat"); 
	  $("#carrousel-next").css("background","url(mods/carroussel/img/btn2.gif) top left no-repeat"); 
	  }); 
	}
});