// 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) 
	Reference2 = $(".carrousel2 li:first-child"); 
	 
	// Nombre d'éléments de la liste 
	NbElement2 = $(".carrousel2 li").length;

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

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

	// Initialisation du compteur 
	Cpt = 0; 
 
	// Clic sur le lien "Suivant" 
	$(".carrousel2-next a").click(function() { 
	
		// Si le compteur est inférieur au nombre de diaposives moins 1  
		if(Cpt < (NbElement2-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 >= (NbElement2-4)){
				document.getElementById('highlightsSuivantGP').src='images/home-GP-fleche-droite-inactive.gif';
			}
			if(Cpt > 0) {
				document.getElementById('highlightsPrecedentGP').src='images/home-GP-fleche-gauche.gif';
			}
			 
			// Mouvement du carrousel en arrière-plan 
			$(".carrousel2").animate({ 
				marginLeft : - ((Reference2.width()+2) * Cpt) 
			});
			 
		} // fin du if 
		return false;
		 
	}); 
	 
	// Action du lien "Précédent" 
	$(".carrousel2-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 < (NbElement2-4) ) {
				document.getElementById('highlightsSuivantGP').src='images/home-GP-fleche-droite.gif';
			}							
			if(Cpt==0) {
				document.getElementById('highlightsPrecedentGP').src='images/home-GP-fleche-gauche-inactive.gif';
			}
		 
			// Mouvement du carrousel en arrière-plan 
			$(".carrousel2").animate({ 
				marginLeft : - ((Reference2.width()+2) * Cpt) 
			}); 
			 
		} // fin du if 		
		return false;
	
	});
	$("#carrousel2-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 >= (NbElement2-4)){
			document.getElementById('highlightsSuivantGP').src='images/home-GP-fleche-droite-inactive.gif';
		}
		if(Cpt > 0) {
			document.getElementById('highlightsPrecedentGP').src='images/home-GP-fleche-gauche.gif';
		}
		 
		// Mouvement du carrousel en arrière-plan 
		$(".carrousel2").animate({ 
			marginLeft : - ((Reference2.width()+2) * Cpt)
		});
		
		return false;			 
	});
});