$(document).ready(function(){ 
		$("#controller1").jFlow({  
			slides: "#slide1",  // the div where all your sliding divs are nested in  
			controller: ".jFlowControl1", // must be class, use . sign  
			slideWrapper : "#jFlowSlide1", // must be id, use # sign  
			selectedWrapper: "jFlowSelected1",  // just pure text, no sign  
			width: "260px",  // this is the width for the content-slider  
			height: "225px",  // this is the height for the content-slider  
			duration: 600,  // time in miliseconds to transition one slide
			waiter: '0',
			prev: ".jFlowPrev1", // must be class, use . sign  
			next: ".jFlowNext1" // must be class, use . sign  
		});
		
		$("#controller2").jFlow({  
			slides: "#slide2",  // the div where all your sliding divs are nested in  
			controller: ".jFlowControl2", // must be class, use . sign  
			slideWrapper : "#jFlowSlide2", // must be id, use # sign  
			selectedWrapper: "jFlowSelected2",  // just pure text, no sign  
			width: "260px",  // this is the width for the content-slider  
			height: "225px",  // this is the height for the content-slider  
			duration: 600,  // time in miliseconds to transition one slide
			waiter: '1000',
			prev: ".jFlowPrev2", // must be class, use . sign  
			next: ".jFlowNext2" // must be class, use . sign  
		});
		
		// Pour faire bouger le background
		var regex = new RegExp(" ");
		var timeOut;
		var newPosX;
		
		function makeBgMove(bgClassName, durationF) {
			
			clearTimeout(timeOut);
			
			// Récupération de la position actuelle (en pourcents) du backgroundPosition
				// Pour IE
				if(navigator.appName == "Microsoft Internet Explorer")
					var percents = $(bgClassName).css("background-position-x") + " " + $(bgClassName).css("background-position-y");
				// Pour les autres navigateurs
				else
					var percents = $(bgClassName).css("backgroundPosition");
			
			var tbl = percents.split(regex);
			
			timeOut = setTimeout(function() {
				
				// Pour X
				if(parseInt(tbl[0]) == 0)
					newPosX = 100;
				else if(parseInt(tbl[0]) == 100)
					newPosX = 0;
				else {
					$(bgClassName).stop();
				}
				
				$(bgClassName).animate({ 
					backgroundPosition: ""+ newPosX +"% 0%"
				}, durationF, "linear", function(){ makeBgMove(bgClassName, durationF); });
				
			});
		}
		
		$('.contenu_bloc1').mouseover(function() {
			makeBgMove(".contenu_bloc1", 20000);
		});
		$('.contenu_bloc1').mouseout(function() {
			clearTimeout(timeOut);
			$('.contenu_bloc1').stop();
		});
		
		$('.contenu_bloc2').mouseover(function() {
			makeBgMove(".contenu_bloc2", 3000);
		});
		$('.contenu_bloc2').mouseout(function() {
			clearTimeout(timeOut);
			$('.contenu_bloc2').stop();
		});
		
		$('.contenu_bloc3').mouseover(function() {
			makeBgMove(".contenu_bloc3", 35000);
		});
		$('.contenu_bloc3').mouseout(function() {
			clearTimeout(timeOut);
			$('.contenu_bloc3').stop();
		});
	});