var showitems = 3;

// Execution de cette fonction lorsque le DOM sera entièrement chargé  
$(document).ready(function() { 
 
    // Calcul préalables : 
         
        // Nombre d'éléments de la liste 
        NbElement = $("#carrousel li").length;	

		// Limite de page
		Limit = Math.ceil(NbElement / showitems) - 1;
		
 			var page = "";
			
			for(var i = 0; i <= Limit; i++){
				page = page + '<span class="pageListe page' + i + '">&bull;</span>';
			}  

 
		// Ciblage de la bande de diapositives 
		$("#carrousel_container") 
			// Indicateur de page
			.after('<div id="pageListe">' + page + '</div>');
		
		$("#carrousel_container ul")
			.width(NbElement * 222);
			
    // Actions de navigation 
     
        // Initialisation du compteur 
        Cpt = 0; 
     
        // Clic sur le lien "Suivant" 
        $(".bouton").click(function() { 
     
			// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
            if( $(this).hasClass('precedent') ){
				Cpt--;				
			}else{
				Cpt++;
			}
			
            if(Cpt > Limit)
				Cpt = 0;	

			if(Cpt < 0)
				Cpt = Limit;
			
            // Mouvement du carrousel en arrière-plan 
				$("#carrousel_container ul").animate({ 
					marginLeft : - ( 220 * (Cpt * showitems)) 
				});
				
				position(Cpt);
				
            // Blocage du lien 
            return false; 
     
        }); 
		
		$('#carrousel_container a').lightBox();
	
		$("#pageListe .page0").css("color", "#908C87");
		/**/
});

/* Position dans la liste */
function position(current){
	$("#pageListe .page" + current).css("color", "#908C87");
	$(".pageListe").not(".page" + current).css("color", "#434342");
}