//SCRIPT POUR LE CARROUSEL
// Execution de cette fonction lorsque le DOM sera entièrement chargé  
Cpt = 0; 
$(document).ready(function() { 
						   
    // Calcul prealables : 
        // Element de reference 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 &agrave; 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&eacute;bordements 
        //.css("overflow", "hidden")
		//.css("margin", "0 0 15px 0")
		//.css("padding", "0")
		//.css("clear", "left")
        // Insertion des boutons de navigation 
		.after(''
			+    '    <div class="actu_bottom" >'
			+    '    <a class="carrousel-prev" title="actu precedente" ><img src="images/news_top.png" /></a>'
            +    '    <a class="carrousel-next" title="actu suivante" ><img src="images/news_bottom.png" /></a>'
			+    '    </div>'
            +    ''); 
		// Actions de navigation 
     
        // Initialisation du compteur 

     
        // Clic sur le bouton "Suivant" 
        $(".carrousel-next").click(function() { 
     
            // Si le compteur est inf&eacute;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&egrave;re-plan 
                $(".carrousel").animate({ 
                    marginTop : - (((Reference.height()+20))  * Cpt) 
                }); 
                 
            } // fin du if 
             
        }); 
         
        // Action du bouton "Pr&eacute;c&eacute;dent" 
        $(".carrousel-prev").click(function() { 
         
            // Si le compteur est sup&eacute;rieur &agrave; z&eacute;ro 
            if(Cpt > 0) { 
             
                // Soustraction -1 au compteur (nous allons sur la diapositive pr&eacute;c&eacute;dente) 
                Cpt--; 
             
                // Mouvement du carrousel en arri&egrave;re-plan 
                $(".carrousel").animate({ 
                    marginTop : - (((Reference.height()+20)) * Cpt) 
                }); 
                 
            } // fin du if 
 
        });		
		
});


	NbElement = ((".carrousel li").length);
	Reference = (".carrousel li:first-child"); 

function anim(){
	clearInterval
    
	//fonction g&eacute;rant l'annimation
	//si on est &agrave; la troisi&egrave;me position (0+257+257=514px)
	
	if(Cpt < ((NbElement))-1)   /* $('.carrousel').css('margin-left')=='-257px'*/
	{
	
		Cpt++; 
                 
                // Mouvement du carrousel en arri&egrave;re-plan 
                $(".carrousel").animate({ 
                    marginTop : - (((Reference.height()+20)) * Cpt) 
                }); 
		
	/*//on va &agrave; la troisi&egrave;me (position actuelle + taille(257)=514)
	$('.carrousel').animate({marginLeft: '+='+tailleMoveSlide}, vitesseSlide)*/
	}
	 else/*$('.carrousel').css('margin-left')=='-514px'*/
	{
		
	Cpt = 0;
	
	//on revient &agrave; z&eacute;ro
	$(".carrousel").animate({
				marginTop :  0
				});
	 
	}
	
	//si on est &agrave; la seconde position (257px)
	//sinon on est dans la 1&egrave;re position, on va &agrave; la seconde
	
}

//au chargement de la page
$(document).ready(function(){
//on lance l'annimation en boucle toute les secondes (1000 miliseconde)
setInterval('anim();',10000);
});