var timer1=null; var timer2=null;  var timer3=null; var timer4=null; var timer5=null;  var timer6=null; 


function defiler(){
	afficher1();

	timer1 = setTimeout(function(){afficher2();},5000);
	timer2 = setTimeout(function(){afficher3();},10000);
	timer3 = setTimeout(function(){afficher4();},15000);
	timer4 = setTimeout(function(){afficher5();},20000);
	timer5 = setTimeout(function(){afficher6();},25000);
	timer6 = setTimeout(function(){defiler();},30000);
}

var bo1 = document.getElementById("bo1");
var bo2 = document.getElementById("bo2");
var bo3 = document.getElementById("bo3");
var bo4 = document.getElementById("bo4");
var bo5 = document.getElementById("bo5");
var bo6 = document.getElementById("bo6");



function afficher1(){
	var bc1 = document.getElementById("bc1");
	var bc2 = document.getElementById("bc2");
	var bc3 = document.getElementById("bc3");
	var bc4 = document.getElementById("bc4");
	var bc5 = document.getElementById("bc5");
	var bc6 = document.getElementById("bc6");

	var backgroundbc1 = document.getElementById("backgroundbc1");
	var backgroundbc2 = document.getElementById("backgroundbc2");
	var backgroundbc3 = document.getElementById("backgroundbc3");
	var backgroundbc4 = document.getElementById("backgroundbc4");
	var backgroundbc5 = document.getElementById("backgroundbc5");
	var backgroundbc6 = document.getElementById("backgroundbc6");

	var bc1txt = document.getElementById("bc1txt");
	var bc2txt = document.getElementById("bc2txt"); 
	var bc3txt = document.getElementById("bc3txt"); 
	var bc4txt = document.getElementById("bc4txt"); 
	var bc5txt = document.getElementById("bc5txt"); 
	var bc6txt = document.getElementById("bc6txt"); 

	var bo1 = document.getElementById("bo1");
	var bo2 = document.getElementById("bo2");
	var bo3 = document.getElementById("bo3");
	var bo4 = document.getElementById("bo4");
	var bo5 = document.getElementById("bo5");
	var bo6 = document.getElementById("bo6");

	var blanc1 = document.getElementById("blanc1");
	var blanc2 = document.getElementById("blanc2");
	var blanc3 = document.getElementById("blanc3");
	var blanc4 = document.getElementById("blanc4");
	var blanc5 = document.getElementById("blanc5");
	var blanc6 = document.getElementById("blanc6");

	blanc1.style.color="#ffffff";
	blanc2.style.color="#000000";
	blanc3.style.color="#000000";
	blanc4.style.color="#000000";
	blanc5.style.color="#000000";
	blanc6.style.color="#000000";

/*boite*/
	bc1txt.style.display="none";
	backgroundbc1.style.display="none";
	bc1.style.display="block";
		
/*reste*/
	bc2.style.display="none";	  bc3.style.display="none";  bc4.style.display="none";  bc5.style.display="none";  bc6.style.display="none";

	$("#backgroundbc1").fadeIn(700);	
	setTimeout(function(){	$("#bc1txt").slideDown(500);},500);
		

	bo1.style.backgroundImage ='url(img/btn_azul.png)';
	bo2.style.backgroundImage ='url(img/bouton1.png)';
	bo3.style.backgroundImage ='url(img/bouton1.png)';
	bo4.style.backgroundImage ='url(img/bouton1.png)';
	bo5.style.backgroundImage ='url(img/bouton1.png)';
	bo6.style.backgroundImage ='url(img/bouton1.png)';

	bo1.style.backgroundImage ='url(img/btn_azul.png)';
	bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_azul.png)';}
	bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_azul.png)';}
	bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}

	bo1.style.backgroundImage ='url(img/btn_azul.png)';

}

function afficher2(){
	
var bc1 = document.getElementById("bc1");
var bc2 = document.getElementById("bc2");
var bc3 = document.getElementById("bc3");
var bc4 = document.getElementById("bc4");
var bc5 = document.getElementById("bc5");
var bc6 = document.getElementById("bc6");

var backgroundbc1 = document.getElementById("backgroundbc1");
var backgroundbc2 = document.getElementById("backgroundbc2");
var backgroundbc3 = document.getElementById("backgroundbc3");
var backgroundbc4 = document.getElementById("backgroundbc4");
var backgroundbc5 = document.getElementById("backgroundbc5");
var backgroundbc6 = document.getElementById("backgroundbc6");

var bc1txt = document.getElementById("bc1txt");
var bc2txt = document.getElementById("bc2txt"); 
var bc3txt = document.getElementById("bc3txt"); 
var bc4txt = document.getElementById("bc4txt"); 
var bc5txt = document.getElementById("bc5txt"); 
var bc6txt = document.getElementById("bc6txt"); 

var bo1 = document.getElementById("bo1");
var bo2 = document.getElementById("bo2");
var bo3 = document.getElementById("bo3");
var bo4 = document.getElementById("bo4");
var bo5 = document.getElementById("bo5");
var bo6 = document.getElementById("bo6");

var blanc1 = document.getElementById("blanc1");
var blanc2 = document.getElementById("blanc2");
var blanc3 = document.getElementById("blanc3");
var blanc4 = document.getElementById("blanc4");
var blanc5 = document.getElementById("blanc5");
var blanc6 = document.getElementById("blanc6");

blanc2.style.color="#ffffff";
blanc1.style.color="#000000";
blanc3.style.color="#000000";
blanc4.style.color="#000000";
blanc5.style.color="#000000";
blanc6.style.color="#000000";

/*boite*/	  
		    bc2txt.style.display="none";
			backgroundbc2.style.display="none";
         bc2.style.display="block";
/*reste*/

	  bc1.style.display="none";	  bc3.style.display="none";  bc4.style.display="none";  bc5.style.display="none";  bc6.style.display="none";

 
		$("#backgroundbc2").fadeIn(700);	
		
		setTimeout(function(){	$("#bc2txt").slideDown(500);},500);

bo1.style.backgroundImage ='url(img/bouton1.png)';
bo2.style.backgroundImage ='url(img/btn_rojo.png)';
bo3.style.backgroundImage ='url(img/bouton1.png)';
bo4.style.backgroundImage ='url(img/bouton1.png)';
bo5.style.backgroundImage ='url(img/bouton1.png)';
bo6.style.backgroundImage ='url(img/bouton1.png)';

bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_rojo.png)';}
bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_rojo.png)';}
bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}

}


function afficher3(){
	
	var bc1 = document.getElementById("bc1");
	var bc2 = document.getElementById("bc2");
	var bc3 = document.getElementById("bc3");
	var bc4 = document.getElementById("bc4");
	var bc5 = document.getElementById("bc5");
	var bc6 = document.getElementById("bc6");

	var backgroundbc1 = document.getElementById("backgroundbc1");
	var backgroundbc2 = document.getElementById("backgroundbc2");
	var backgroundbc3 = document.getElementById("backgroundbc3");
	var backgroundbc4 = document.getElementById("backgroundbc4");
	var backgroundbc5 = document.getElementById("backgroundbc5");
	var backgroundbc6 = document.getElementById("backgroundbc6");

	var bc1txt = document.getElementById("bc1txt");
	var bc2txt = document.getElementById("bc2txt"); 
	var bc3txt = document.getElementById("bc3txt"); 
	var bc4txt = document.getElementById("bc4txt"); 
	var bc5txt = document.getElementById("bc5txt"); 
	var bc6txt = document.getElementById("bc6txt"); 

	var bo1 = document.getElementById("bo1");
	var bo2 = document.getElementById("bo2");
	var bo3 = document.getElementById("bo3");
	var bo4 = document.getElementById("bo4");
	var bo5 = document.getElementById("bo5");
	var bo6 = document.getElementById("bo6");

	/*boite*/	  
	bc3txt.style.display="none";
	backgroundbc3.style.display="none";
	bc3.style.display="block";
	/*reste*/

	bc1.style.display="none";	  bc2.style.display="none";  bc4.style.display="none";  bc5.style.display="none";  bc6.style.display="none";

	bo1.style.backgroundImage ='url(img/bouton1.png)';
	bo2.style.backgroundImage ='url(img/bouton1.png)';
	bo3.style.backgroundImage ='url(img/btn_naranja.png)';
	bo4.style.backgroundImage ='url(img/bouton1.png)';
	bo5.style.backgroundImage ='url(img/bouton1.png)';
	bo6.style.backgroundImage ='url(img/bouton1.png)';

		$("#backgroundbc3").fadeIn(700);	
		setTimeout(function(){	$("#bc3txt").slideDown(500);},500);
		bo3.style.backgroundImage ='url(img/btn_naranja.png)';

bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_naranja.png)';}
bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_naranja.png)';}
bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}

var blanc1 = document.getElementById("blanc1");
var blanc2 = document.getElementById("blanc2");
var blanc3 = document.getElementById("blanc3");
var blanc4 = document.getElementById("blanc4");
var blanc5 = document.getElementById("blanc5");
var blanc6 = document.getElementById("blanc6");

blanc3.style.color="#ffffff";
blanc1.style.color="#000000";
blanc2.style.color="#000000";
blanc4.style.color="#000000";
blanc5.style.color="#000000";
blanc6.style.color="#000000";


}


function afficher4(){
	
	var bc1 = document.getElementById("bc1");
	var bc2 = document.getElementById("bc2");
	var bc3 = document.getElementById("bc3");
	var bc4 = document.getElementById("bc4");
	var bc5 = document.getElementById("bc5");
	var bc6 = document.getElementById("bc6");

	var backgroundbc1 = document.getElementById("backgroundbc1");
	var backgroundbc2 = document.getElementById("backgroundbc2");
	var backgroundbc3 = document.getElementById("backgroundbc3");
	var backgroundbc4 = document.getElementById("backgroundbc4");
	var backgroundbc5 = document.getElementById("backgroundbc5");
	var backgroundbc6 = document.getElementById("backgroundbc6");

	var bc1txt = document.getElementById("bc1txt");
	var bc2txt = document.getElementById("bc2txt"); 
	var bc3txt = document.getElementById("bc3txt"); 
	var bc4txt = document.getElementById("bc4txt"); 
	var bc5txt = document.getElementById("bc5txt"); 
	var bc6txt = document.getElementById("bc6txt"); 

	var bo1 = document.getElementById("bo1");
	var bo2 = document.getElementById("bo2");
	var bo3 = document.getElementById("bo3");
	var bo4 = document.getElementById("bo4");
	var bo5 = document.getElementById("bo5");
	var bo6 = document.getElementById("bo6");

	/*boite*/	  
	bc4txt.style.display="none";
	backgroundbc4.style.display="none";
	bc4.style.display="block";
	/*reste*/

	bc1.style.display="none";	  bc2.style.display="none";  bc3.style.display="none";  bc5.style.display="none";  bc6.style.display="none";

	bo1.style.backgroundImage ='url(img/bouton1.png)';
	bo2.style.backgroundImage ='url(img/bouton1.png)';
	bo3.style.backgroundImage ='url(img/bouton1.png)';
	bo4.style.backgroundImage ='url(img/btn_rosa.png)';
	bo5.style.backgroundImage ='url(img/bouton1.png)';
	bo6.style.backgroundImage ='url(img/bouton1.png)';

	bo4.style.backgroundImage ='url(img/btn_rosa.png)';
	bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_rosa.png)';}
	bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_rosa.png)';}
	bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}

	$("#backgroundbc4").fadeIn(700);	
	setTimeout(function(){	$("#bc4txt").slideDown(500);},500);
		
	var blanc1 = document.getElementById("blanc1");
	var blanc2 = document.getElementById("blanc2");
	var blanc3 = document.getElementById("blanc3");
	var blanc4 = document.getElementById("blanc4");
	var blanc5 = document.getElementById("blanc5");
	var blanc6 = document.getElementById("blanc6");

	blanc4.style.color="#ffffff";
	blanc1.style.color="#000000";
	blanc2.style.color="#000000";
	blanc3.style.color="#000000";
	blanc5.style.color="#000000";
	blanc6.style.color="#000000";
}


function afficher5(){
	
	var bc1 = document.getElementById("bc1");
	var bc2 = document.getElementById("bc2");
	var bc3 = document.getElementById("bc3");
	var bc4 = document.getElementById("bc4");
	var bc5 = document.getElementById("bc5");
	var bc6 = document.getElementById("bc6");

	var backgroundbc1 = document.getElementById("backgroundbc1");
	var backgroundbc2 = document.getElementById("backgroundbc2");
	var backgroundbc3 = document.getElementById("backgroundbc3");
	var backgroundbc4 = document.getElementById("backgroundbc4");
	var backgroundbc5 = document.getElementById("backgroundbc5");
	var backgroundbc6 = document.getElementById("backgroundbc6");

	var bc1txt = document.getElementById("bc1txt");
	var bc2txt = document.getElementById("bc2txt"); 
	var bc3txt = document.getElementById("bc3txt"); 
	var bc4txt = document.getElementById("bc4txt"); 
	var bc5txt = document.getElementById("bc5txt"); 
	var bc6txt = document.getElementById("bc6txt"); 

	var bo1 = document.getElementById("bo1");
	var bo2 = document.getElementById("bo2");
	var bo3 = document.getElementById("bo3");
	var bo4 = document.getElementById("bo4");
	var bo5 = document.getElementById("bo5");
	var bo6 = document.getElementById("bo6");

	/*boite*/	  
	bc5txt.style.display="none";
	backgroundbc5.style.display="none";
	bc5.style.display="block";
	/*reste*/

	bc1.style.display="none";	  bc2.style.display="none";  bc3.style.display="none";  bc4.style.display="none";  bc6.style.display="none";

	bo1.style.backgroundImage ='url(img/bouton1.png)';
	bo2.style.backgroundImage ='url(img/bouton1.png)';
	bo3.style.backgroundImage ='url(img/bouton1.png)';
	bo4.style.backgroundImage ='url(img/bouton1.png)';
	bo5.style.backgroundImage ='url(img/btn_amarillo.png)';
	bo6.style.backgroundImage ='url(img/bouton1.png)';

	bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_amarillo.png)';}
	bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_amarillo.png)';}
	bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}

	$("#backgroundbc5").fadeIn(700);	
	setTimeout(function(){	$("#bc5txt").slideDown(500);},500);

	var blanc1 = document.getElementById("blanc1");
	var blanc2 = document.getElementById("blanc2");
	var blanc3 = document.getElementById("blanc3");
	var blanc4 = document.getElementById("blanc4");
	var blanc5 = document.getElementById("blanc5");
	var blanc6 = document.getElementById("blanc6");

	blanc5.style.color="#ffffff";
	blanc1.style.color="#000000";
	blanc2.style.color="#000000";
	blanc3.style.color="#000000";
	blanc4.style.color="#000000";
	blanc6.style.color="#000000";
}

function afficher6(){
	var bc1 = document.getElementById("bc1");
	var bc2 = document.getElementById("bc2");
	var bc3 = document.getElementById("bc3");
	var bc4 = document.getElementById("bc4");
	var bc5 = document.getElementById("bc5");
	var bc6 = document.getElementById("bc6");

	var backgroundbc1 = document.getElementById("backgroundbc1");
	var backgroundbc2 = document.getElementById("backgroundbc2");
	var backgroundbc3 = document.getElementById("backgroundbc3");
	var backgroundbc4 = document.getElementById("backgroundbc4");
	var backgroundbc5 = document.getElementById("backgroundbc5");
	var backgroundbc6 = document.getElementById("backgroundbc6");

	var bc1txt = document.getElementById("bc1txt");
	var bc2txt = document.getElementById("bc2txt"); 
	var bc3txt = document.getElementById("bc3txt"); 
	var bc4txt = document.getElementById("bc4txt"); 
	var bc5txt = document.getElementById("bc5txt"); 
	var bc6txt = document.getElementById("bc6txt"); 

	var bo1 = document.getElementById("bo1");
	var bo2 = document.getElementById("bo2");
	var bo3 = document.getElementById("bo3");
	var bo4 = document.getElementById("bo4");
	var bo5 = document.getElementById("bo5");
	var bo6 = document.getElementById("bo6");

	var blanc1 = document.getElementById("blanc1");
	var blanc2 = document.getElementById("blanc2");
	var blanc3 = document.getElementById("blanc3");
	var blanc4 = document.getElementById("blanc4");
	var blanc5 = document.getElementById("blanc5");
	var blanc6 = document.getElementById("blanc6");

	blanc1.style.color="#000000";
	blanc2.style.color="#000000";
	blanc3.style.color="#000000";
	blanc4.style.color="#000000";
	blanc5.style.color="#000000";
	blanc6.style.color="#ffffff";

/*boite*/
	bc6txt.style.display="none";
	backgroundbc6.style.display="none";
	bc6.style.display="block";
		
/*reste*/
	bc1.style.display="none";	  bc2.style.display="none";	  bc3.style.display="none";  bc4.style.display="none";  bc5.style.display="none";

	$("#backgroundbc6").fadeIn(700);	
	setTimeout(function(){	$("#bc6txt").slideDown(500);},500);
	bo6.style.backgroundImage ='url(img/btn_verde.png)';
		

	bo1.style.backgroundImage ='url(img/bouton1.png)';
	bo2.style.backgroundImage ='url(img/bouton1.png)';
	bo3.style.backgroundImage ='url(img/bouton1.png)';
	bo4.style.backgroundImage ='url(img/bouton1.png)';
	bo5.style.backgroundImage ='url(img/bouton1.png)';
	bo6.style.backgroundImage ='url(img/btn_verde.png)';

	bo1.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo1.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo2.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo2.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo3.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo3.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo4.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo4.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo5.onmouseout = function() { this.style.backgroundImage = 'url(img/bouton1.png)';}
	bo5.onmouseover = function() { this.style.backgroundImage = 'url(img/bouton2.png)';}
	bo6.onmouseout = function() { this.style.backgroundImage = 'url(img/btn_verde.png)';}
	bo6.onmouseover = function() { this.style.backgroundImage = 'url(img/btn_verde.png)';}

	bo6.style.backgroundImage ='url(img/btn_verde.png)';

}