// JavaScript Document


var menu;//l'element logo
var titre;//les titres
var isOpen = false;

var stopPositionX;//limite de deplacement droite
var debPosition;//limite de deplacement gauche
var vitesse = 10;//vitesse de deplacement (px)

var alphaTitre = 1;//alpha final des titres
var pasAlpha = 0.05;//pas de alpha des titres

var nbrTitre;//nombre de titre

//<![CDATA[
//fonction qui gere les evenements onmouse du logo
function slideMenu(state){
	if(!action){		
		debPosition=0;
		stopPositionX=500;
		titre = document.getElementsByName('titre');
		menu = document.getElementById('logo');
		nbrTitre = titre.length;
	
		if(state==1 && isOpen==false){
			action=true; 
			slide(1);
		}
		else{
			if(state==2 && isOpen==true){
				action=true;		
				fadeTitle(-pasAlpha);	
			}		
		}
	}
	else{
		setTimeout("slideMenu("+state+")",500);	
	}
}

/**
* fonction qui reallise le decalage de l'element menu, soit à droite soit à gauche selon l'etape
**/
function slide(etape){
	switch(etape){
		//ouverture -> decalage à droite
		case 1 :
			if (parseInt(menu.style.marginLeft) < stopPositionX ){	
				menu.style.marginLeft = parseInt(menu.style.marginLeft) + vitesse + "px";
				setTimeout("slide(1)",10);
			}
			if (parseInt(menu.style.marginLeft) >= stopPositionX){ 
				for(i=0;i<nbrTitre;i++){
					titre[i].style.visibility = "visible";
				}
				fadeTitle(pasAlpha); 
				isOpen=true;
			}
			break;
		//fermeture -> decalage à gauche
		case 2 :
			if (parseInt(menu.style.marginLeft) > debPosition ){		
				menu.style.marginLeft = parseInt(menu.style.marginLeft) - vitesse + "px";
				setTimeout("slide(2)",10);
			}
			else{
				isOpen=false;
				action=false;
			}
			break;
	}
}

/**
* fonction qui montre ou cache les titres
**/
function fadeTitle(alpha){
	//si on doit montrer les titre on les rend cliquable avant ( visible )
	if(alpha>0){	
		//pour Firefow, Safari etc
		if(nav!="IE"){
			for(i=0;i<nbrTitre;i++){
				if( parseFloat(titre[i].style.opacity) < alphaTitre ){
					titre[i].style.opacity = parseFloat(titre[i].style.opacity) + alpha;
				}
			}
			//si le titre est montrer c'est la fin de l'operation sur le menu 
			if( parseFloat(titre[0].style.opacity) >= alphaTitre ){
				action=false;
			}
			//sinon on recommence l'operation
			else {
				setTimeout("fadeTitle("+alpha+")",20);
			}
		}
		//pour IE 
		else{
			for(i=0;i<nbrTitre;i++){
				if( parseFloat(titre[i].filters.alpha.opacity) < (alphaTitre*100) ){
					titre[i].style.opacity = parseFloat(titre[i].style.opacity) + alpha;
					titre[i].filters.alpha.opacity = parseFloat(titre[i].filters.alpha.opacity) + alpha*100;
				}
			}
			
			if( parseFloat(titre[0].filters.alpha.opacity) >= (alphaTitre*100) && alpha>0){
				action=false;
			}
			else{
				setTimeout("fadeTitle("+alpha+")",20);
			}
		}
	}
	//si on cache
	else{
		if(nav!="IE"){
			for(i=0;i<nbrTitre;i++){
				if( parseFloat(titre[i].style.opacity) > 0 ){
					titre[i].style.opacity = parseFloat(titre[i].style.opacity) + alpha;
				}
			}
			
			//si le titre est cacher on doit maintenant les rendre non cliquable et deplacer le logo
			if(parseFloat(titre[0].style.opacity) == 0 ){
				action=false;
				for(i=0;i<nbrTitre;i++){
					titre[i].style.visibility = "hidden";
				}
				setTimeout("slide(2)",20);		
			}
			else{
				setTimeout("fadeTitle("+alpha+")",20);
			}
		}
		else{
			for(i=0;i<nbrTitre;i++){
				if( parseFloat(titre[i].filters.alpha.opacity) >0 ){
					titre[i].style.opacity = parseFloat(titre[i].style.opacity) + alpha;
					titre[i].filters.alpha.opacity = parseFloat(titre[i].filters.alpha.opacity) + alpha*100;
				}
			}		
			//si le titre est cacher on doit maintenant les rendre non cliquable et deplacer le logo
			if(parseFloat(titre[0].filters.alpha.opacity) == 0 && alpha<0){
				action=false;
				for(i=0;i<nbrTitre;i++){
					titre[i].style.visibility = "hidden";
				}
				setTimeout("slide(2)",20);		
			}
			else{
				setTimeout("fadeTitle("+alpha+")",20);
			}
		}		
	}
}

//]]>