$(function(){
 	
	var ancienne_image=".photo_1"
	var interval=5000
	var intervalID;
	
	function change_diapo()
	{
		prochaine_image=ancienne_image.split('_');
		prochaine_image=prochaine_image[1];
		
		//prochaine_image=prochaine_image.split('_');

		chiffre=parseInt(prochaine_image)
		chiffre=chiffre+1
		
		prochaine_image="photo_"+chiffre
		
		//Si il n'y a plus d'image, on veut qu'il retourne  la premire
		
		if(!$("."+prochaine_image).attr("class"))
			prochaine_image="photo_1"
			
		$(ancienne_image).fadeOut('slow',function(){});
			
		$("."+prochaine_image).fadeIn('slow',function(){});
	
		$('.select').attr("class","slider_image")
		$("#"+prochaine_image+"_slider").attr("class","select slider_image")
	
		ancienne_image="."+prochaine_image		
	}
	
	intervalID=setInterval(change_diapo,interval);
	
	//On cache toutes les images.
	$('.image_diapo').each(function(){
		$(this).children().hide()
	});
	$(".photo_1").show()
	
	$(".slider_image").click(function(){
		
	
		
		is_selected=false;
		
		classe_image=$(this).attr("class");
		classes_image=classe_image.split(' ');
		
		id_image=$(this).attr("id");
		id_image=id_image.split('_slider');
		id_image="."+id_image[0];
		
		if(classes_image[0]=="select")
			is_selected=true
		
		if(!is_selected)
		{
			$(ancienne_image).fadeOut('slow',function(){});
			
			$(id_image).fadeIn('slow',function(){});
			
			$('.select').attr("class","slider_image")
			$(this).attr("class","select slider_image")
			
			ancienne_image=id_image
			
		}
		clearInterval(intervalID)
		intervalID=setInterval(change_diapo,interval);
		
	});

});
