$(document).ready(function(){
	flecheOuvre(1);
	$(".photoSlider").width($("#imageSliderContainer").width());
	$(".hoverMenuSlider").css("opacity",0);
	$(".textSliderHover").css("opacity",0);
			
	conteneur = $('#contenuSlider');	//Nom du conteneur des objets - Names of the object's container
	obj = $('.photoSlider');				//Nom des objets dans le slider - Names of the object in the slider
	tempsAnim = 400;						//Temps d'animation en milisecondes - Time of animation in miliseconds
	objPos = 0;								//Ne pas toucher, variable d'incrémentation - dont touch, simple increment 
	largeur = obj.width();					//largeur d'un objet - width of one object
	hauteur = obj.height();					//hauteur d'un objet - height of one object
	espace = 1;								//espaces entre les objets - spaces between objects
	nbrObjVis = 1;							//nombres d'objets visible - how many visibles objects
	nbrObj = obj.size();					//nombre d'ojets total - How many objects
	
	posFleche = 2;

	$("#menuSlider1").click(function(){cliqueSection(0); flecheClickOuvre(1);});
	$("#menuSlider2").click(function(){cliqueSection(1); flecheClickOuvre(2);});
	$("#menuSlider3").click(function(){cliqueSection(2); flecheClickOuvre(3);});
	$("#menuSlider4").click(function(){cliqueSection(3); flecheClickOuvre(4);});
	
	conteneur.css({
		'display':'block', 
		'width':$('#imageSliderContainer').width(),
		'height':hauteur,
		'overflow':'hidden'
	});
	
	obj.each(function(){ 
		$(this).css({'position':'absolute','left':objPos*(largeur),'display':'block'}); 
		objPos++;
	});
	
	$(window).resize(function(){
		$(".photoSlider").width($("#imageSliderContainer").width());
			
		conteneur = $('#contenuSlider');	//Nom du conteneur des objets - Names of the object's container
		obj = $('.photoSlider');				//Nom des objets dans le slider - Names of the object in the slider
		tempsAnim = 400;						//Temps d'animation en milisecondes - Time of animation in miliseconds
		objPos = 0;								//Ne pas toucher, variable d'incrémentation - dont touch, simple increment 
		largeur = obj.width();					//largeur d'un objet - width of one object
		hauteur = obj.height();					//hauteur d'un objet - height of one object
		espace = 1;								//espaces entre les objets - spaces between objects
		nbrObjVis = 1;							//nombres d'objets visible - how many visibles objects
		nbrObj = obj.size();					//nombre d'ojets total - How many objects
		
		conteneur.css({
			'display':'block', 
			'width':$('#imageSliderContainer').width(),
			'height':hauteur,
			'overflow':'hidden'
		});
		
		obj.each(function(){ 
			$(this).css({'position':'absolute','left':objPos*(largeur),'display':'block'}); 
			objPos++;
		});
	});
	
	function flecheOuvre(posFleche){
		posAvant = posFleche-1;
		if(posFleche == 1){posAvant = 4;}
		$("#menuSlider"+posAvant+" .hoverFlecheMenuSlider").animate({'height':'0px','top':'13px'},150,function(){
			$("#menuSlider"+posAvant+" .hoverMenuSlider").animate({'opacity':0},100);
			$("#menuSlider"+posAvant+" .textSliderHover").animate({'opacity':0},100);
		});
		$("#menuSlider"+posFleche+" .hoverFlecheMenuSlider").animate({'height':'13px','top':'0px'},300,function(){
			$("#menuSlider"+posFleche+" .hoverMenuSlider").animate({'opacity':0.6},100);
			$("#menuSlider"+posFleche+" .textSliderHover").animate({'opacity':1},100);
		});
	}
	
	function flecheClickOuvre(posFleche){
		posAvant = posFleche-1;
		if(posFleche == 1){posAvant = 4;}
		$(".hoverFlecheMenuSlider").animate({'height':'0px','top':'13px'},150,function(){
			$(".hoverMenuSlider").animate({'opacity':0},100);
			$(".textSliderHover").animate({'opacity':0},100);
		});
		$("#menuSlider"+posFleche+" .hoverFlecheMenuSlider").animate({'height':'13px','top':'0px'},300,function(){
			$("#menuSlider"+posFleche+" .hoverMenuSlider").animate({'opacity':0.6},100);
			$("#menuSlider"+posFleche+" .textSliderHover").animate({'opacity':1},100);
		});
	}
	
	var timerChange = setInterval(function(){
		flecheOuvre(posFleche);
		obj.each(function(){ 
			if(!$(this).is(':animated')){
				posBlock = $(this).position().left;
				if(posBlock <= 0){
					$(this).animate({left: posBlock-(largeur)}, tempsAnim, function(){
						$(this).css({'left':((nbrObj-1)*(largeur))});
					});
				}else{
					$(this).animate({left: posBlock-(largeur)}, tempsAnim);
				}
			}
		});
		if(posFleche <=3){posFleche++;}else{posFleche = 1;}
	},7500);
	
	function cliqueSection(section){
		clearInterval(timerChange);
		if(section != 0){
			objPos = 0;

			obj.each(function(){ 
				$(this).css({'position':'absolute','left':objPos*(largeur),'display':'block'}); 
				objPos++;
			});
			
			obj.each(function(){ 
				if(!$(this).is(':animated')){
					posBlock = $(this).position().left;
					if(posBlock < 0){
						$(this).animate({left: posBlock-(section*largeur)}, tempsAnim, function(){
							$(this).css({'left':((nbrObj-1)*(largeur))});
						});
					}else{
						$(this).animate({left: posBlock-(section*largeur)}, tempsAnim);
					}
				}
			});
		}else{
			objPos = 0;

			obj.each(function(){ 
				if(!$(this).is(':animated')){
					$(this).animate({left: objPos*largeur}, tempsAnim);
				}
				objPos++;
			});
		}
	}
	
});