// JavaScript Document
var is_playing=false; // Variable qui permet d'attendre que la dernière action soit terminée
var fadeoff=false; // Variable qui permet d'attendre que la dernière action soit terminée

	/*
	 * Description : Cette fonction permet d'afficher un apave et de gerer les onglets
	 *
	 * @parametres : 	- element : id de l element div à afficher 
	 *
	 */
	
	function action(affiche) {
		fadeoff=false;
		//alert(element);
		if (is_playing==false) {
			is_playing=true;
			
			//alert("affiche = "+affiche);
			
			//##definition des noms de divs a animer
			var div_aff="boite_"+affiche;
			var onglet_on="onglet_"+affiche;
			
			//alert("div_aff = "+div_aff);
			//alert("onglet_on = "+onglet_on);
			
				a=setInterval(temps_anim,1000);
				
				
				//##cache tous les div
				for (var i=1; i<=3 ;  i++) {
					
					if (i!=affiche) {
					//new Effect.Opacity("pave_"+i, {duration:2, fps:25, from:1.0, to:0.0});
					new Effect.Fade("boite_"+i, {duration:0.5});
					//alert ("boite_"+i+" fade");
					}
					var boitei="boite_"+i;
					//document.getElementById(boitei).style.display="none";
				}
				
				if (affiche=="1")	b=setInterval(affiche_boite_1,500);
				else if (affiche=="2") 	c=setInterval(affiche_boite_2,500);
				else d=setInterval(affiche_boite_3,500);
				/*document.getElementById(div_aff).style.filter="alpha(opacity=0)";
				document.getElementById(div_aff).style.opacity="0.0";
				document.getElementById(div_aff).style.display="block";*/
				//##affiche le div demandé
				//new Effect.Appear(div_aff, {duration:0.5, queue:"end"});
				//document.getElementById(div_aff).style.display="block";
				//alert (div_aff+" appear");
				//new Effect.Opacity(div_aff, {duration:2, fps:25, from:0.0, to:1.0});
				
				
				
				
				
				//## met tous les onglet a la class off
				for (var i=1; i<=3 ;  i++) {
					if (i!=affiche){
						document.getElementById("onglet_"+i).className="off";
						//alert ("onglet_"+i+" off");
						//alert("i= "+i+"classe mise a off : pave_"+i);
					}
				}
				
				//##met l'onglet voulu a la class on
				document.getElementById(onglet_on).className="on";
				//alert (onglet_on+" on");
				
				
			
		}
	}
	

	/*
	 * Description : Cette fonction permet d'empêcher de lancer la fct action avant qu'une précédente action ne soit terminée
	 *
	 */
	
	function temps_anim(div_aff) {
		
		is_playing= false;
		clearTimeout(a);
		
		}
	
	
	
	
	function affiche_boite_1() {
		//alert(affiche_boite_1);
		//alert(fadeoff);
		if (fadeoff==true) {
			//alert ("fadeoff");
			document.getElementById("boite_1").style.filter="alpha(opacity=0)";
			document.getElementById("boite_1").style.opacity="0.0";
			document.getElementById("boite_1").style.display="block";
			document.getElementById("boite_2").style.display="none";
			document.getElementById("boite_3").style.display="none";
			new Effect.Appear("boite_1", {duration:0.5});
			clearTimeout(b);
			
		}
		fadeoff=true;
		
		
		//alert(fadeoff);
		
		}
	function affiche_boite_2() {
		
		if (fadeoff==true) {
			//alert ("fadeoff");
			document.getElementById("boite_2").style.filter="alpha(opacity=0)";
			document.getElementById("boite_2").style.opacity="0.0";
			document.getElementById("boite_2").style.display="block";
			document.getElementById("boite_1").style.display="none";
			document.getElementById("boite_3").style.display="none";
			new Effect.Appear("boite_2", {duration:0.5});
			clearTimeout(c);
		}
		fadeoff=true;
		
		}
	function affiche_boite_3() {
		if (fadeoff==true) {
			//alert ("fadeoff");
			document.getElementById("boite_3").style.filter="alpha(opacity=0)";
			document.getElementById("boite_3").style.opacity="0.0";
			document.getElementById("boite_3").style.display="block";
			document.getElementById("boite_2").style.display="none";
			document.getElementById("boite_1").style.display="none";
			new Effect.Appear("boite_3", {duration:0.5});
			clearTimeout(d);
		}
		fadeoff=true;
		
		}