$('.jcarousel-control a:eq(0)').addClass("actif"); 

// Execution de cette fonction lorsque le DOM sera entièrement chargé 
$(document).ready(function() { 
	
		$("#description_slide_1 .title_rub").hide();
		$("#description_slide_2 .title_rub").hide();
		$("#description_slide_3 .title_rub").hide();
		$("#description_slide_4 .title_rub").hide();
        title_active= $("#description_slide_1 .title_rub").html();
        $("#home_une .titre_block").html(title_active);
 
    // Calcul préalables : 
 
        // Element de référence pour la zone de visualisation (ici le premier item) 
        Reference = $("#mycarousel li:first-child"); 
        
        // Nombre d'éléments de la liste 
        NbElement = $("#mycarousel li").length; 
     
    // Ciblage de la bande de diapositives 
    $("#mycarousel") 
        // 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"); 
        
        // Actions de navigation 
     	var Cpt = 0 ;
        
        	b=setInterval(function() { 
                Cpt++;
                if(Cpt >3) Cpt=0;
                num_slide_active=Cpt+1;
	            title_active= $("#description_slide_"+num_slide_active+" .title_rub").html();
	            $("#home_une .titre_block").html(title_active);
                // Mouvement du carrousel en arrière-plan 
                $("#mycarousel").animate({ marginLeft : - (Reference.width() * Cpt)}); 
                
                if( Cpt == 0 ){positionFleche= 50;}
	            else if ( Cpt == 1 ){positionFleche= 170;}
	            else if ( Cpt == 2 ){positionFleche= 280;}
	            else if ( Cpt == 3 ){positionFleche= 390;}
	            $(".fleche_vignette").animate({left: positionFleche }, "fast" );
	            
	              
                
	            // Blocage du lien 
	            return false;
				}
				, 3000);
				
/*$('.description_slide').hide();*/		

$('.jcarousel-skin-fafiec .jcarousel-scroll .content_class .btn_control').eq(2).css("margin-right","6px");
$('.jcarousel-skin-fafiec .jcarousel-scroll .content_class .btn_control').eq(3).css("margin-right","0px");
				
});


$('.jcarousel-control a').hover(function() {
		
		
		pos= $(this).position().left;
		if(pos == 0) {$("#mycarousel").animate({ marginLeft : 0}, "fast" );Cpt=0;}
		else if(pos == 117) {$("#mycarousel").animate({ marginLeft : -460}, "fast" );Cpt=1;}
		else if(pos == 234) {$("#mycarousel").animate({ marginLeft : -920}, "fast" );Cpt=2;}
		else if(pos = 350) {$("#mycarousel").animate({ marginLeft : -1380}, "fast" );Cpt=3;}
		
		num_slide_active=Cpt+1;
        title_active= $("#description_slide_"+num_slide_active+" .title_rub").html();
        $("#home_une .titre_block").html(title_active);
		
       	$(".fleche_vignette").animate({left: ($(this).position().left)+50 }, "fast" );
       	clearInterval(b);
       	    	
    },function() {        
        	b=setInterval(function() {
                Cpt++;
                if(Cpt >3) Cpt=0;
                // Mouvement du carrousel en arrière-plan 
                $("#mycarousel").animate({ marginLeft : - (Reference.width() * Cpt)}); 
                
                num_slide_active=Cpt+1;
		        title_active= $("#description_slide_"+num_slide_active+" .title_rub").html();
		        $("#home_une .titre_block").html(title_active);
                
                if( Cpt == 0 ){positionFleche= 50;}
	            else if ( Cpt == 1 ){positionFleche= 170;}
	            else if ( Cpt == 2 ){positionFleche= 280;}
	            else if ( Cpt == 3 ){positionFleche= 390;}
	            $(".fleche_vignette").animate({left: positionFleche }, "fast" );
	              
                
	            // Blocage du lien 
	            return false;
				}
				, 3000);
			});
			
$('#mycarousel').hover(function() {
		pos= $('.fleche_vignette').position().left;
		if(pos == 60) {Cpt=0;}
		else if(pos == 170) {Cpt=1;}
		else if(pos == 280) {Cpt=2;}
		else if(pos = 390) {Cpt=3;}
		
		
        
        
		clearInterval(b);
},function() {        
        	b=setInterval(function() { 
                Cpt++;
                if(Cpt >3) Cpt=0;
                // Mouvement du carrousel en arrière-plan 
                $("#mycarousel").animate({ marginLeft : - (Reference.width() * Cpt)}); 
                
                num_slide_active=Cpt+1;
		        title_active= $("#description_slide_"+num_slide_active+" .title_rub").html();
		        $("#home_une .titre_block").html(title_active);
                
                if( Cpt == 0 ){positionFleche= 50;}
	            else if ( Cpt == 1 ){positionFleche= 170;}
	            else if ( Cpt == 2 ){positionFleche= 280;}
	            else if ( Cpt == 3 ){positionFleche= 390;}
	            $(".fleche_vignette").animate({left: positionFleche }, "fast" );
	              
                
	            // Blocage du lien 
	            return false;
				}
				, 3000);
			});