$(document).ready(function() {

	//affiche le pager div class pager
	$(".pager").show();
	//mets le premier lien a en actif
	$(".pager a:first").addClass("active");
		
	//Recupere la taille de la div window, compte le nombre d'images et calcul la taille totale de la div image_reel
	var imageWidth = $(".window").width();
//alert($(".window").width());

	//Recupere le nombre de slide
	var imageSum = $(".image_reel img").size();
 //alert ($(".image_reel img").size());

	//on recupere la taille totale	
	var imageReelWidth = imageWidth * imageSum;
//alert(imageReelWidth);
	
	//Ajuste la taille de la div image_reel
	$(".image_reel").css({'width' : imageReelWidth});
	
	//creer la fonction rotate, recuperer les parametres de deplacemanet, deplace le slide et active et desactive l element actif sur le pager
	rotate = function(){	
		var triggerID = active.attr("rel") - 1; //Recupere le slide actif
	//alert(active.attr("rel") - 1);

		var image_reelPosition = triggerID * imageWidth; //Determine le depart du deplacement
	//alert(triggerID * imageWidth);
		$(".pager a").removeClass('active'); //Supprime toutes les classes actives sur le pager
		active.addClass('active'); //Rend active la l elements courant
		
		//Slider Animation
		$(".image_reel").animate({ 
			left: -image_reelPosition,
			//opacity : 0.5,
		}, 900 );
		
	}; 
	
	//Cree une "fonction play" qui donne un interval de 3 secondes pour "slider"
	rotateSwitch = function(){		
		play = setInterval(function(){ //Creer un intervall avec setinterval
		active = $('.pager a.active').next();
 //alert(active.length);
			if ( active.length === 0) { //Si le slider est arrive au zero
				active = $('.pager a:first'); //repart a partir du premier
			}
			rotate(); //Execute la fonction rotate
		}, 7000); //le delay en Milliseconds (3 seconds)
	};
	
	rotateSwitch(); //execute la fonction
	
	//Sur le click
	//active la fonction click sur chaque element lien 
	$(".pager a").click(function() {	
		active = $(this); //THIS est l''element courant , le lien sur le quel je clique
		
		//stoppe la rotation
		clearInterval(play); 
		
		//Execute la rotation
		rotate(); 
		rotateSwitch(); // relance la  rotation automatique
		return false; //Prevent browser jump to link anchor
	});	
	
});