// Execution de cette fonction lorsque le DOM sera entièrement chargé 
$(document).ready(function() {

	// Calcul préalables :
		
		// Element de référence pour la zone de visualisation (ici le premier item)
		Reference = $("#carrouseladvice .carrousel2ad li:first-child");
		
		// Nombre d'éléments de la liste
		NbElement = $("#carrouseladvice li").length;
		
		
	// Ciblage de la bande de diapositives
	$("#carrouseladvice .carrousel2ad")
		// Englobage de la liste par la zone de visualisation
		.wrap('<div class="carrousel-conteneur"></div>')
		// Application d'une largeur à la bande de diapositive afin de conserver une strucrure horizontale
		.css("width", ((Reference.width()+10) * NbElement) );
		
	// Ciblage de la zone de visualisation
	$("#carrouseladvice .carrousel-conteneur")
		// Application de la largeur d'une seule diapositive
		.width(  Reference.width() *1+10 )
		// Application de la hauteur d'une seule diapositive
		.height( Reference.height() )
		// Blocage des débordements
		.css("overflow", "hidden")
		// Insertion des boutons de navigation
		.before(''
			+	'	<div class="carrousel-prev" ><a href="#"><img src="pictures/FlecheGauche.png" width="30" height="40" alt="fleche_gauche" border="0"/></a></div>'
			+	'')
	
		.after(''
			+	'	<div class="carrousel-next" ><a href="#"><img src="pictures/FlecheDroite.png" width="30" height="40" alt="fleche_droite" border="0"/></a></div>'
			+	'');
	

		
		
	// Actions de navigation
	
		// Initialisation du compteur
		Cpt4 = 0;
		
		// Action du lien "Suivant"
		$("#carrouseladvice .carrousel-next a").click(function() {
			NbElement = $("#carrouseladvice li").length;
			// Si le compteur est inférieur au nombre de diaposives moins 1 
			if(Cpt4 < (NbElement-1) ) {
			
				// Ajout +1 au compteur (nous allons sur la diapositive suivante)
				Cpt4++;
				
				// Mouvement du carrousel en arrière-plan
				$("#carrouseladvice .carrousel2ad").animate({
					marginLeft : - ((Reference.width()+10) * Cpt4)
				});
				
			} // fin du if
				
			// Blocage du lien
			return false;
			
		});
		
		// Action du lien "Précédent"
		$("#carrouseladvice .carrousel-prev a").click(function() {
		
			// Si le compteur est supérieur à zéro
			if(Cpt4 > 0) {
			
				// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
				Cpt4--;
			
				// Mouvement du carrousel en arrière-plan
				$("#carrouseladvice .carrousel2ad").animate({
					marginLeft : - ((Reference.width()+10) * Cpt4)
				});
				
			} // fin du if
			
			// Blocage du lien
			return false;
		
		});
		
});