// JavaScript Document
// 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)
	Reference3 = $(".carrousel3 li:first-child");

	// Nombre d'éléments de la liste
	NbElement3 = $(".carrousel3 li").length;

	var pagesNb3=parseInt(NbElement3/4);
	if((NbElement3/4)-pagesNb3>0){
		pagesNb3++;
	}

	// Ciblage de la bande de diapositives
	$(".carrousel3")
		// Englobage de la liste par la zone de visualisation
		.wrap('<div class="carrousel3-conteneur"></div>')
		// Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale 
		.css("width", ((Reference3.width()+2) * NbElement3) );		
		function affPages(Nb){
			var pages = "";
			var Nb = Nb
			for(i=1; i<=pagesNb3; i++){
				if(i==Nb){
					pages+="<a class='current' href='#"+i+"'>&nbsp;</a>";
				} else {
					pages+="<a href='#"+i+"'>&nbsp;</a>";
				}
			}
			document.getElementById("carrousel3-pages").innerHTML=pages;			
		}
		affPages(1);

	// Ciblage de la zone de visualisation 
	$(".carrousel3-conteneur") 
		// Application de la largeur d'une seule diapositive 
		.width(  ((Reference3.width()+2)*4)  ) 
		// Application de la hauteur d'une seule diapositive 
		.height( Reference3.height() ) 
		// Blocage des débordements 
		.css("overflow", "hidden"); 
		
	// Actions de navigation 

	// Initialisation du compteur 
	Cpt = 0; 
 
	// Clic sur le lien "Suivant" 
	$(".carrousel3-next a").click(function() { 
	
		// Si le compteur est inférieur au nombre de diaposives moins 1  
		if(Cpt < (NbElement3-4) ) {
		 
			// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
			Cpt = Cpt+4;
			if(Cpt > 0) {
				affPages((Cpt/4)+1);
			} else {
				affPages(1);
			}
			
			if(Cpt >= (NbElement3-4)){
				document.getElementById('highlightsSuivantGV').src='images/home-GP-fleche-droite-inactive.gif';
			}
			if(Cpt > 0) {
				document.getElementById('highlightsPrecedentGV').src='images/home-GP-fleche-gauche.gif';
			}
			 
			// Mouvement du carrousel en arrière-plan 
			$(".carrousel3").animate({ 
				marginLeft : - ((Reference3.width()+2) * Cpt) 
			});
			 
		} // fin du if 
		return false;
		 
	}); 
	 
	// Action du lien "Précédent" 
	$(".carrousel3-prev a").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 = Cpt-4;
			if(Cpt > 0) {
				affPages((Cpt/4)+1);
			} else {
				affPages(1);
			}
			
			if(Cpt < (NbElement3-4) ) {
				document.getElementById('highlightsSuivantGV').src='images/home-GP-fleche-droite.gif';
			}							
			if(Cpt==0) {
				document.getElementById('highlightsPrecedentGV').src='images/home-GP-fleche-gauche-inactive.gif';
			}
		 
			// Mouvement du carrousel en arrière-plan 
			$(".carrousel3").animate({ 
				marginLeft : - ((Reference3.width()+2) * Cpt) 
			}); 
			 
		} // fin du if 		
		return false;
	
	});
	$("#carrousel3-pages a").click(function() {
		var pages_url = this.href;
		var pages_pos = pages_url.indexOf("#", 0);
		var pages_id= pages_url.substr(pages_pos+1);
		 
		// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
		Cpt = (pages_id*4)-4;
		if(Cpt > 0) {
			affPages((Cpt/4)+1);
		} else {
			affPages(1);
		}
		
		if(Cpt >= (NbElement3-4)){
			document.getElementById('highlightsSuivantGV').src='images/home-GP-fleche-droite-inactive.gif';
		}
		if(Cpt > 0) {
			document.getElementById('highlightsPrecedentGV').src='images/home-GP-fleche-gauche.gif';
		}
		 
		// Mouvement du carrousel en arrière-plan 
		$(".carrousel3").animate({ 
			marginLeft : - ((Reference3.width()+2) * Cpt)
		});
		
		return false;			 
	});
});