$(document).ready(function() { 
 
    // Calcul préalables : 
 
        // Element de référence pour la zone de visualisation (ici le premier item) 
        Reference = $(".carrousel li:first-child");
		// Nombre d'éléments de la liste 
        NbElement = $(".carrousel li").length; 
		
     
    // Ciblage de la bande de diapositives 
    $(".carrousel") 
        // 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 structrure horizontale 
        .css("width", (Reference.width() * NbElement) ); 
     
    // Ciblage de la zone de visualisation 
    $(".carrousel-conteneur") 
        // Application de la largeur d'une seule diapositive 
        .width(  Reference.width()  ) 
        // Application de la hauteur d'une seule diapositive 
        .height( Reference.height() ) 
        // Blocage des débordements 
        .css("overflow", "hidden") 
        // Insertion des boutons de navigation 
        .after('' 
            +    '<ul class="carrousel-pagination">' 
            +    '    <li class="carrousel-prev"><a href="#"><span class="enc">Photo précédente</span></a></li>' 
            +    '    <li class="carrousel-next"><a href="#"><span class="enc">Photo suivante</span></a></li>' 
            +    '</ul>'				
            +    '');
	// Actions de navigation 
     
        // Initialisation du compteur 
        Cpt = 0; 
     
        // Clic sur le lien "Suivant" 
        $(".carrousel-next a").click(function() { 
     
            // Si le compteur est inférieur au nombre de diaposives moins 1  
            if(Cpt < (NbElement-1) ) { 
             
                // Ajout +1 au compteur (nous allons sur la diapositive suivante) 
                Cpt++; 
                 
                // Mouvement du carrousel en arrière-plan 
                $(".carrousel").animate({ 
                    marginLeft : - (Reference.width() * Cpt) 
                }); 
                 
            } // fin du if 
                 
            // Blocage du lien 
            return false; 
             
        }); 
         
        // Action du lien "Précédent" 
        $(".carrousel-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--; 
             
                // Mouvement du carrousel en arrière-plan 
                $(".carrousel").animate({ 
                    marginLeft : - (Reference.width() * Cpt) 
                }); 
                 
            } // fin du if 
 
             
            // Blocage du lien 
            return false; 
         
        });  

	
});