// 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 = $("#carrouselnewspaper .carrousel2np li:first-child");
		
		// Nombre d'éléments de la liste
		NbElement = $("#carrouselnewspaper li").length;
		
		
	// Ciblage de la bande de diapositives
	$("#carrouselnewspaper .carrousel2np")
		// 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
	$("#carrouselnewspaper .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
		Cpt3 = 0;
		
		// Action du lien "Suivant"
		$("#carrouselnewspaper .carrousel-next a").click(function() {
		NbElement = $("#carrouselnewspaper li").length;
		
			// Si le compteur est inférieur au nombre de diaposives moins 1 
			if(Cpt3 < NbElement-1 ) {
			
				// Ajout +1 au compteur (nous allons sur la diapositive suivante)
				Cpt3++;
				
				// Mouvement du carrousel en arrière-plan
				$("#carrouselnewspaper .carrousel2np").animate({
					marginLeft : - ((Reference.width()+10) * Cpt3)
				});
				
			} // fin du if
				
			// Blocage du lien
			return false;
			
		});
		
		// Action du lien "Précédent"
		$("#carrouselnewspaper .carrousel-prev a").click(function() {
		NbElement = $("#carrouselnewspaper li").length;
		
			// Si le compteur est supérieur à zéro
			if(Cpt3 > 0) {
			
				// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
				Cpt3--;
			
				// Mouvement du carrousel en arrière-plan
				$("#carrouselnewspaper .carrousel2np").animate({
					marginLeft : - ((Reference.width()+10) * Cpt3)
				});
				
			} // fin du if
			
			// Blocage du lien
			return false;
		
		});
		
});