var showitems = 5;

// 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 = $(".carrousel li:first-child"); 
         
        // 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") 
		
        // 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 hauteur d'une seule diapositive 
        .height( Reference.height() ) 
		
        // Blocage des débordements 
        .css("overflow", "hidden") 
		
		// Indicateur de page
		.after('<div id="pageListe">' + page + '</div>');
    
    // Actions de navigation 
     
        // Initialisation du compteur 
        Cpt = 0; 
     
        // Clic sur le lien "Suivant" 
        $(".carrousel-next").click(function() { 
     
			// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
            Cpt++; 

            if(Cpt > Limit){
				Cpt = 0;	
			}   
			
            // Mouvement du carrousel en arrière-plan 
				$(".carrousel").animate({ 
					marginLeft : - (Reference.width() * (Cpt * showitems)) 
				});
				
				position(Cpt);
				
            // Blocage du lien 
            return false; 
     
        }); 
     
        // Clic sur le lien "Précédent" 
        $(".carrousel-prev").click(function() { 
     
            // Soustraction -1 au compteur (nous allons sur la diapositive précédente) 
            Cpt--; 
            
			if(Cpt < 0){
				Cpt = Limit;
			}
			
            // Mouvement du carrousel en arrière-plan 
				$(".carrousel").animate({ 
					marginLeft : - (Reference.width() * (Cpt * showitems)) 
				}); 
			
				position(Cpt);
			          
            // Blocage du lien 
            return false; 
         
        }); 
		
		$("#pageListe .page0").css("color", "#7BB839");
 
});

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

/* Contacter Stefan Denis Mailto */
function mailto(){
	window.location.href = 'mailto:info@furaxe.qc.ca';
}