/*
	Remarques
	----------------------------------------------------------------------------------------------------
	Les valeurs de positionnement CSS doivent être définis directement dans la balise DIV correspondante
	pour pouvoir être manipulés en JavaScript.
	----------------------------------------------------------------------------------------------------
	Les variables nécessaires au bon fonctionnement du script doivent être définies dans la fonction
	InitialiserMenu.
	----------------------------------------------------------------------------------------------------
*/



function initialiserMenu() {
	// Déclaration des hauteurs maximales et minimales du calque du menu
	hauteurMaximale = 120;
	hauteurMinimale = 1;

	// Déclaration d'un raccourci vers le calque du menu
	reference = window.document.getElementById("menu");

	// Déclaration de la vitesse de l'animation
	vitesse = 10;
}



function deroulerMenu() {
	// Affichage du calque du menu
	reference.style.visibility = "visible";

	// Animation du déroulement du menu
	operation = setTimeout("poursuivreDeroulement()", vitesse);
}



function poursuivreDeroulement() {
	// Suppression de l'opération à retardement
	clearTimeout(operation);

	// Animation du déroulement du menu
	if (parseInt(reference.style.height) < hauteurMaximale) {
		reference.style.height = (parseInt(reference.style.height) + 1) + "px";
		operation = setTimeout("poursuivreDeroulement()", vitesse);
	}
}



function enroulerMenu() {
	// Animation de l'enroulement du menu
	operation = setTimeout("poursuivreEnroulement()", vitesse);
}



function poursuivreEnroulement() {
	// Suppression de l'opération à retardement
	clearTimeout(operation);

	// Animation de l'enroulement et masquage du calque du menu
	if (parseInt(reference.style.height) > hauteurMinimale) {
		reference.style.height = (parseInt(reference.style.height) - 1) + "px";
		operation = setTimeout("poursuivreEnroulement()", vitesse);
	} else {
		reference.style.visibility = "hidden";
	}
}