$(document).ready(function() {
	
	
	
	// SLIDER
	
	var only = false;
	
	if($("#b3").is(":visible")) 
	{ 
		only = true;
	}
	
	$(".slider").each(function() {
	
	
		//// Function Slider 
	
		function slider(position) {
			images.fadeOut(2000);
			images.eq(position).fadeIn(1500);
		}
		
		
		
		//// Initialisation du Slider
		
		
		// On Initialise les variables
		var numero = 1;
		var images = $(this).find("a img");
		var elements = images.size();
		var valeur1 = 4000;  // Temps minimum
		var valeur2 = 9000;  // Temps maximum
		var time = Math.ceil(Math.floor(Math.random() * (valeur2-valeur1)) + valeur1);  // Temps aléatoire entre min et max
		if(only) { time = 4000; }  // Si seulement un slider on détermine un temps min
		var src = "";
		var num = "";
		
		
		// On cache tout les paragraphes
		images.not(":first-child").hide();
		
		
		// On automatise le slider
		var anim = setInterval(function() {
			if (numero == elements) { numero = 0; }
			slider(numero);
			numero++;
		}, time);
	
	
	
		// GESTION D'EVENEMENT
	
		$(this).hover(function() {
	
			// On arrête le slider
			clearInterval(anim);
			
			// On récupère la position de l'image visible
			num = $(this).find("img:visible").index();
			
			// Ainsi on récupère sa source
			src = images.eq(num).attr("src");
			
			
			$(this).css("background-image","url("+src+")");
			$(this).css("background-position","0 -195px");
			
			console.log(num);
			
						
			images.fadeOut(1500);
		
	
		}, function() {
		
			console.log(num);
			
			slider(num);
		
			// On réinitialise la variable
			numero = parseInt(num+1);
		
			// Le slider reprend à l'endroit stoppé
			anim = setInterval(function() {
			if (numero == elements) { numero = 0; }
			slider(numero);
			numero++;
			},time);
			
		});
		
	});
		
	
});
