var retard=5; //delai
var paso=5;  // c'est le pas nécessaire pour l'ouverture du calque => positif
var pasf=-10; // c'est le pas nécessaire pour la fermeture du calque=> négatif
var ouvert=false; // permet d'executer l'une ou l'autre des 2 fonction ouvrir() ou fermer() mais jamais les 2 en même temps
var compteur=-300; // c'est la position initiale du calque à l'ouverture de la page qui correspond au css du layer


function ouvrir() {
       if (ouvert==false) {
			if(bougero()==true){
				setTimeout( "ouvrir()", retard);
			}
		}
}



function bougero() {
	arrive=2;
	compteur=compteur+paso;
	
	position=compteur+'px'; // c'est une chaine de caractères et je suis obligée de lui rajouter le px pour correspondre aux css car l'un 	n'enchaine pas l'autre
	document.getElementById("Layer1").style.left = position;
	if (compteur<arrive) { // on compare la position du calque(compteur) à la position finale ( arrive)
		ouvert=false; // on evite au 2 fonctions de se jouer simultanément avec l'interrupteur
		return true; // tant que le calque n'a pas atteint la position finale la fonction renvoie true => elle sera reéxecutée par ouvrir()
	} 
	else { // l'ouverture est terminée
		document.getElementById("Layer1").style.left = arrive+'px'; // on fixe la position du calque à sa position finale (2px) car le pas pourrait entrainer un dépassement des bornes
		compteur=arrive; //je donne à mon compteur la valeur finale de la borne pour que je connaisse sa valeur et qu'il n'yait pas de bug visuel ou autre
		ouvert=true;
		return false; // la fonction renvoie false donc elle ne sera plus appelée (ça coupe l'éxecution de la fonction ouvrir()
		
	}
	

}



function fermer() {
       if (ouvert==true) {
	   		if(bougerf()==true){
				setTimeout( "fermer()", retard);
			}
		}
}



function bougerf() {
	arrive=-300;
	compteur=compteur+pasf;
	
	position=compteur+'px'; // c'est une chaine de caractères et je suis obligée de lui rajouter le px pour correspondre aux css car l'un 	n'enchaine pas l'autre
	document.getElementById("Layer1").style.left = position;
	if (compteur>arrive) { // on compare la position du calque(compteur) à la position finale ( arrive)
		ouvert=true; // on evite au 2 fonctions de se jouer simultanément avec l'interrupteur
		return true; // tant que le calque n'a pas atteint la position finale la fonction renvoie true => elle sera reéxecutée par ouvrir()
	} 
	else {
		document.getElementById("Layer1").style.left = arrive+'px'; // on fixe la position du calque à sa position finale (2px) car le pas pourrait entrainer un dépassement des bornes
		compteur=arrive; //je donne à mon compteur la valeur finale de la borne pour que je connaisse sa valeur et qu'il n'yait pas de bug visuel ou autre
		ouvert=false;
		return false; // la fonction renvoie false donc elle ne sera plus appelée (ça coupe l'éxecution de la fonction ouvrir()
	}
	

}