window.onload = init;
// ici on met le rapport de notre image originale
 
function init() {
  animIndex();
  animIndexmarque();
}

function animIndex() {
 	
	var roue = function(){ $("#roue-index").animate({opacity:1},2000,'easeOutCubic');}
	var produit1 = function(){$("#produit1").animate({opacity:1},2000,'easeOutCubic');}
	var produit2 = function(){ $("#produit2").animate({opacity:1},2000,'easeOutCubic');}
	var produit3 = function(){ $("#produit3").animate({opacity:1},2000,'easeOutCubic');}
	setTimeout(roue, 1000);
	setTimeout(produit1, 2000);
	setTimeout(produit2, 2600);
	setTimeout(produit3, 3200);


}

function animIndexmarque() {
 	
	function animmarque1on() {										 
			$("#marque1-index").animate({opacity:1},500,function() { setTimeout(animmarque1off, 2000) });		
	}
	
	function animmarque1off() {										 
			$("#marque1-index").animate({opacity:0},500);
	}
	
	function animmarque2on() {										 
			$("#marque2-index").animate({opacity:1},500,function() { setTimeout(animmarque2off, 2000) });		
	}
	
	function animmarque2off() {										 
			$("#marque2-index").animate({opacity:0},500);
	}
	
	function animmarque3on() {										 
			$("#marque3-index").animate({opacity:1},500,function() { setTimeout(animmarque3off, 2000) });		
	}
	
	function animmarque3off() {										 
			$("#marque3-index").animate({opacity:0},500);
	}
		
	
	
		
	function animMarque() {											 
			setTimeout(animmarque1on, 500);
			setTimeout(animmarque2on, 4000);
			setTimeout(animmarque3on, 7500);
			
	
	}
	
	setTimeout(animMarque, 3000);					 
	setInterval(animMarque, 13000);


}