function reset()
{
for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
}


 function mon1(lid,etat)
 {
var x= "But" + lid
var dsu = 0
var ori = 0
var sel = 0
var pag = 0


 switch (lid)
{

	case 0:
	dsu = "bouton/10_temperature_orange.PNG"
	ori = "bouton/1_temperature_vert.PNG"
	sel = "bouton/1_temperature_orange.PNG"
	pag = "pages/temperature.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
				
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}	
	break;
			
	case 1 :
	dsu = "bouton/20_Humidite_orange.PNG"
	ori = "bouton/2_Humidite_vert.PNG"
	sel = "bouton/2_Humidite_orange.PNG"
	pag = "pages/humidite.html"
			if (etat==1)
				{ 	
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
				
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
	break;		

	case 2 :
	dsu = "bouton/30_Temperature_et_humidite_orange.PNG"
	ori = "bouton/3_Temperature_et_humidite_vert.PNG"
	sel = "bouton/3_Temperature_et_humidite_orange.PNG"
	pag = "pages/humidite_et_temperature.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 3 :
	dsu = "bouton/40_Pression_orange.PNG"
	ori = "bouton/4_Pression_vert.PNG"
	sel = "bouton/4_Pression_orange.PNG"
	pag = "pages/pression.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;

	case 4 :
	dsu = "bouton/50_luminosite_orange.PNG"
	ori = "bouton/5_luminosite_vert.PNG"
	sel = "bouton/5_luminosite_orange.PNG"
	pag = "pages/luminosite.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;

	case 5 :
	dsu = "bouton/60_mouvement_orange.PNG"
	ori = "bouton/6_mouvement_vert.PNG"
	sel = "bouton/6_mouvement_orange.PNG"
	pag = "pages/mouvement.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;

	case 6 :
	dsu = "bouton/70_luminosite_mouvement_ou_presence_orange.PNG"
	ori = "bouton/7_luminosite_mouvement_ou_presence_vert.PNG"
	sel = "bouton/7_luminosite_mouvement_ou_presence_orange.PNG"
	pag = "pages/luminosite_et_mouvement_ou_presence.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 7 :
	dsu = "bouton/80_qualite_air_et_ou_CO2_orange.PNG"
	ori = "bouton/8_qualite_air_et_ou_CO2_vert.PNG"
	sel = "bouton/8_qualite_air_et_ou_CO2_orange.PNG"
	pag = "pages/qualite_d_air_et_ou_CO2.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 8 :
	dsu = "bouton/90_debit_orange.PNG"
	ori = "bouton/9_debit_vert.PNG"
	sel = "bouton/9_debit_orange.PNG"
	pag = "pages/debit_Flux.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 9 :
	dsu = "bouton/100_radio_orange.PNG"
	ori = "bouton/10_radio_vert.PNG"
	sel = "bouton/10_radio_orange.PNG"
	pag = "pages/radio.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 10 :
	dsu = "bouton/110_meteorologie_orange.PNG"
	ori = "bouton/11_meteorologie_vert.PNG"
	sel = "bouton/11_meteorologie_orange.PNG"
	pag = "pages/meteorologie.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 11 :
	dsu = "bouton/120_detecteur_de_fumees_orange.PNG"
	ori = "bouton/12_detecteur_de_fumees_vert.PNG"
	sel = "bouton/12_detecteur_de_fumees_orange.PNG"
	pag = "pages/detecteur_de_fumees.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 12 :
	dsu = "bouton/130_detecteur_de_fuites_orange.PNG"
	ori = "bouton/13_detecteur_de_fuites_vert.PNG"
	sel = "bouton/13_detecteur_de_fuites_orange.PNG"
	pag = "pages/detection_de_fuites.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 13 :
	dsu = "bouton/140_detection_gaz_orange.PNG"
	ori = "bouton/14_detection_gaz_vert.PNG"
	sel = "bouton/14_detection_gaz_orange.PNG"
	pag = "pages/detection_gaz.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 14 :
	dsu = "bouton/150_afficheur_orange.PNG"
	ori = "bouton/15_afficheur_vert.PNG"
	sel = "bouton/15_afficheur_orange.PNG"
	pag = "pages/afficheurs.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 15 :
	dsu = "bouton/160_regulateur_modbus_orange.PNG"
	ori = "bouton/16_regulateur_modbus_vert.PNG"
	sel = "bouton/16_regulateur_modbus_orange.PNG"
	pag = "pages/module_et_regulateur_modbus.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 16 :
	dsu = "bouton/170_module_entrees_sorties_modbus_rtu_orange.PNG"
	ori = "bouton/17_module_entrees_sorties_modbus_rtu_vert.PNG"
	sel = "bouton/17_module_entrees_sorties_modbus_rtu_orange.PNG"
	pag = "pages/module_d_entrees_sorties_deporte_modbus_rtu.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 17 :
	dsu = "bouton/180_module_d_interface_orange.PNG"
	ori = "bouton/18_module_d_interface_vert.PNG"
	sel = "bouton/18_module_d_interface_orange.PNG"
	pag = "pages/module_d_interface.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 18 :
	dsu = "bouton/190_transformateur_orange.PNG"
	ori = "bouton/19_transformateur_vert.PNG"
	sel = "bouton/19_transformateur_orange.PNG"
	pag = "pages/transformateurs.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
	case 19 :
	dsu = "bouton/200_ventilateur_orange.PNG"
	ori = "bouton/20_ventilateur_vert.PNG"
	sel = "bouton/20_ventilateur_orange.PNG"
	pag = "pages/ventilateurs.html"
			if (etat==1)
				{ 
					for (i=0; i<20 ; i++)
					{
					mon1(i,4);
					}
					top.document.getElementById(x).src = sel ;
					window.document.getElementById('pp').src= pag ;return false;
				}
				
				if (etat==3) 
				{
					if (top.document.getElementById(x).src.indexOf(sel, 1) < 0 ) top.document.getElementById(x).src = dsu ;
				}	
					
				if (etat==2)
				{
					if (top.document.getElementById(x).src.indexOf(dsu, 1) > 0 ) top.document.getElementById(x).src = ori ;
				}
			
				if (etat==4) 
				{
					top.document.getElementById(x).src = ori ;
				}
				
	break;
	
default:

break;
}
 


 }