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