// ------------------------
$(window).load(function() {
// ------------------------
	if ($(".diaporama").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").css("visibility","visible") ;
	  	$(".carrousel-prev").css("visibility","visible") ;
	  }

		NbElement = $(".carrousel li").length ;
		w = $(".carrousel-content").width() ;
	     
		$(".carrousel") 
		.wrap('<div class="carrousel-conteneur" style="position:relative;left:0px;top:0px;overflow:hidden;display:block"></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++ ;
			}
		}

		// Clic sur le bouton "Suivant" 
	  $("#carrousel-next").click(function() { 
	    // Si le compteur est inférieur au nombre de diaposives moins 1  
	    if(Cpt < NbElement - meNb + 1) { 
	    	// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
	    	Cpt++; 
	   		myMargin += myWidths[Cpt-1] ;
	    	// Mouvement du carrousel en arrière-plan 
	      $(".carrousel").animate({ 
	          marginLeft : - (myMargin) 
	      }); 
	    }
	  }); 
         
		// Action du bouton "Précédent" 
	  $("#carrousel-prev").click(function() { 
	  // Si le compteur est supérieur à zéro 
	  if(Cpt > 0) { 
	    // Soustraction -1 au compteur (nous allons sur la diapositive précédente) 
	    Cpt--;
	    myMargin -= myWidths[Cpt] ;
	    // Mouvement du carrousel en arrière-plan 
	    $(".carrousel").animate({ 
	        marginLeft : - (myMargin) 
	    }); 
	  }
	  }); 
	}
});