/*
Ce script permet à un menu vertical d'avoir à peu près le même comportement que
la barre Outlook
*/

var DerTab = ""; //variable contenant le nom du tableau actuellement ouvert
var DerDiv = ""; //idem avec un élément de division
var Hauteur = 81;

function Menu(nomdiv, nomtab) //Ouverture d'un tableau et fermeture du dernier tableau ouvert
/*
Cette procédure fonctionne avec des éléments disposés ainsi: 
	<DIV id=[nomdiv] style="overflow: hidden; height: 1px">
		<TABLE id=[nomtab] style="display: none;">
			...
		</TABLE>
	</DIV>
*/
{
	if (document.getElementById(nomtab).style.display == "none")
	//seulement si le tableau n'est pas déjà ouvert
	{
		if ((DerTab != "") && (DerDiv != "")) //Si un autre tableau est ouvert, fermeture
		{
			document.getElementById(DerDiv).style.overflow = "hidden";
			//var HautTab = document.getElementById(DerTab).offsetHeight;
			var HautTab = Hauteur;
			FermeTab(DerTab, DerDiv, HautTab)
		}
		DerTab = nomtab; //Ré-initialisation du nom du tableau ouvert
		DerDiv = nomdiv;
		//Ouverture du tableau
		document.getElementById(nomtab).style.display = "";
		//OuvreTab(nomtab, nomdiv, 1, document.getElementById(nomtab).offsetHeight);
		OuvreTab(nomtab, nomdiv, 1, Hauteur);
	}
	else
	//Sinon, fermeture du tableau
	{
		document.getElementById(nomdiv).style.overflow = "hidden";
		FermeTab(nomtab, nomdiv, Hauteur);
		if (DerTab == nomtab) DerTab="";
		if (DerDiv == nomdiv) DerDiv="";
	}
}

function OuvreTab(tab, div, hauttmp, haut)
{
	if (hauttmp < haut)
	{
		document.getElementById(div).style.height = hauttmp;
		window.setTimeout("OuvreTab('" + tab + "', '" + div + "', " + (hauttmp + 20) + ", " + haut + ")", 20);
	}
	else
	{
		document.getElementById(div).style.height = haut;
		document.getElementById(div).style.overflow = "auto";
	}
}

function FermeTab(tab, div, bastmp)
{
	if (bastmp > 20)
	{
		document.getElementById(div).style.height = bastmp;
		window.setTimeout("FermeTab('" + tab + "', '" + div + "', " + (bastmp - 20) + ")", 20);
	}
	else
	{
		document.getElementById(div).style.height = 1;
		//document.getElementById(div).style.overflow = "auto";
		document.getElementById(tab).style.display = "none";
	}
}