window.addEvent('domready', function() {
									 
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	function cache(){
		document.getElementById("image1").style.width="0px";
		document.getElementById("image2").style.width="0px";
		document.getElementById("image3").style.width="0px";
		document.getElementById("image4").style.width="0px";
		document.getElementById("colonne1").style.width="0px";
		document.getElementById("colonne2").style.width="0px";
		document.getElementById("colonne3").style.width="0px";

	}
	
	var duree = 300;
	
	var bt1_encours ="";
	var bt2_encours ="";
	var bt3_encours ="";
	var bt4_encours ="";
	
	var goutte_eauSlide1 = new Fx.Slide('goutte_eau1', {mode: 'horizontal', duration:duree, transition: Fx.Transitions.Pow.easeOut});
	var goutte_eauSlide2 = new Fx.Slide('goutte_eau2', {mode: 'horizontal', duration:duree, transition: Fx.Transitions.Pow.easeOut});
	var goutte_eauSlide3 = new Fx.Slide('goutte_eau3', {mode: 'horizontal', duration:duree, transition: Fx.Transitions.Pow.easeOut});
	var goutte_eauSlide4 = new Fx.Slide('goutte_eau4', {mode: 'horizontal', duration:duree, transition: Fx.Transitions.Pow.easeOut});
	
	goutte_eauSlide1.slideOut();
	goutte_eauSlide2.slideOut();
	goutte_eauSlide3.slideOut();
    goutte_eauSlide4.slideIn();

	document.bt1.src = "images/accueil_eau.gif";
	document.bt2.src = "images/accueil_machine.gif";
	document.bt3.src = "images/accueil_concentre.gif";
	document.bt4.src = "images/accueil_verre_ouvert.gif";
	bt4_encours="accueil_verre_ouvert.gif";
	
	window.addEvent('load', function(){
		onComplete:cache();
	});



	/*------------------------- rollover bt1 -------------------------*/
	$('bt1').addEvent('mouseover', function(e){
		var image = $('bt1').src.substring($('bt1').src.lastIndexOf("/"));
		image = image.substring(1,image.length);
		if ( image  == "accueil_eau.gif") $('bt1').src = "images/accueil_eau_rol.gif"; bt1_encours = image ;
	});
	$('bt1').addEvent('mouseout', function(e){
		if(bt1_encours!="accueil_eau_ouvert.gif")$('bt1').src = "images/accueil_eau.gif";
	});

	/*------------------------- rollover bt2 -------------------------*/
	$('bt2').addEvent('mouseover', function(e){
		var image = $('bt2').src.substring($('bt2').src.lastIndexOf("/"));
		image = image.substring(1,image.length);
		if (image  == "accueil_machine.gif")$('bt2').src = "images/accueil_machine_rol.gif"; bt2_encours = image;
	});

	$('bt2').addEvent('mouseout', function(e){
		if(bt2_encours!="accueil_machine_ouvert.gif")$('bt2').src = "images/accueil_machine.gif";
	});

	/*------------------------- rollover bt3 -------------------------*/
	$('bt3').addEvent('mouseover', function(e){
		var image = $('bt3').src.substring($('bt3').src.lastIndexOf("/"));
		image = image.substring(1,image.length);
		if ( image  == "accueil_concentre.gif") $('bt3').src = "images/accueil_concentre_rol.gif"; bt3_encours = image ;
	});
	$('bt3').addEvent('mouseout', function(e){
		if(bt3_encours!="accueil_concentre_ouvert.gif")$('bt3').src = "images/accueil_concentre.gif";
	});

	/*------------------------- rollover bt4 -------------------------*/
	$('bt4').addEvent('mouseover', function(e){
		var image = $('bt4').src.substring($('bt4').src.lastIndexOf("/"));
		image = image.substring(1,image.length);
		if ( image  == "accueil_verre.gif") $('bt4').src = "images/accueil_verre_rol.gif"; bt4_encours = image ;
	});
	$('bt4').addEvent('mouseout', function(e){
		if(bt4_encours!="accueil_verre_ouvert.gif")$('bt4').src = "images/accueil_verre.gif";
	});

	function updateImageState1() {
		document.bt1.src = "images/accueil_eau_ouvert.gif";
		document.bt2.src = "images/accueil_machine.gif";
		document.bt3.src = "images/accueil_concentre.gif";
		document.bt4.src = "images/accueil_verre.gif";
		bt1_encours="accueil_eau_ouvert.gif";
	}

	function updateImageState2() {
		document.bt1.src = "images/accueil_eau.gif";
		document.bt2.src = "images/accueil_machine_ouvert.gif";
		document.bt3.src = "images/accueil_concentre.gif";
		document.bt4.src = "images/accueil_verre.gif";
		bt2_encours="accueil_machine_ouvert.gif";
	}
	
	function updateImageState3() {
		document.bt1.src = "images/accueil_eau.gif";
		document.bt2.src = "images/accueil_machine.gif";
		document.bt3.src = "images/accueil_concentre_ouvert.gif";
		document.bt4.src = "images/accueil_verre.gif";
		bt3_encours="accueil_concentre_ouvert.gif";
	}
	
	function updateImageState4() {
		document.bt1.src = "images/accueil_eau.gif";
		document.bt2.src = "images/accueil_machine.gif";
		document.bt3.src = "images/accueil_concentre.gif";
		document.bt4.src = "images/accueil_verre_ouvert.gif";
		bt4_encours="accueil_verre_ouvert.gif";
	}
	
	var sliding = false;
	goutte_eauSlide1.addEvent('complete', function() {
		sliding = false;
	});

	goutte_eauSlide2.addEvent('complete', function() {
		sliding = false;
	});
	
	goutte_eauSlide3.addEvent('complete', function() {
		sliding = false;
	});
	
	goutte_eauSlide4.addEvent('complete', function() {
		sliding = false;
	});

	$('goutte_toggle1').addEvent('click', function(e){
		if(!sliding)
		{
		sliding =true;
		e.stop();
		goutte_eauSlide1.slideIn();
		goutte_eauSlide2.slideOut();
		goutte_eauSlide3.slideOut();
		goutte_eauSlide4.slideOut();	
		$('bt1').src = "images/accueil_eau.gif";
		updateImageState1();
		}
	});
	
	$('goutte_toggle2').addEvent('click', function(e){
		if(!sliding)
		{
		sliding =true;
		e.stop();
		goutte_eauSlide1.slideOut();
		goutte_eauSlide2.slideIn();
		goutte_eauSlide3.slideOut();
		goutte_eauSlide4.slideOut();
		$('bt2').src = "images/accueil_machine.gif";
		updateImageState2();
		}
	});	
	$('goutte_toggle3').addEvent('click', function(e){
		if(!sliding)
		{
		sliding =true;
		e.stop();
		goutte_eauSlide1.slideOut();
		goutte_eauSlide2.slideOut();
		goutte_eauSlide3.slideIn();
		goutte_eauSlide4.slideOut();
		$('bt3').src = "images/accueil_concentre.gif";
		updateImageState3();
		}
	});	
	
	$('goutte_toggle4').addEvent('click', function(e){
		if(!sliding)
		{
		sliding =true;
		e.stop();		
		goutte_eauSlide1.slideOut();
		goutte_eauSlide2.slideOut();
		goutte_eauSlide3.slideOut();
		goutte_eauSlide4.slideIn();
		$('bt4').src = "images/accueil_verre.gif";
		updateImageState4();
		}
	});	
	

	
});