// JavaScript Document
function deroule(div){
	//On récupère le div et les liens
	var objet = document.getElementById(div);
	var a0 = document.getElementById("a0");
	var a1 = document.getElementById("a1");
	var a2 = document.getElementById("a2");
	var a3 = document.getElementById("a3");
	
	if(objet.style.display == "none" || !objet.style.display)
	{
		objet.style.display = "block"; //On fait apparaître le div
		
		var timer;					//On crée le timer
        var hFinal      =     100; 	//Hauteur finale
        var hActuel     =     0;	//Hauteur initiale
        var fct			=     function ()
        {
            hActuel +=    20;     //Augmente la hauteur de 20px  tous les 40ms
            objet.style.height     =	 hActuel      +     'px';
            if(hActuel >= hFinal)
			{
				clearInterval(timer);   //Ojn arrête le timer
				//On ajoute les liens ensuite
				a0.style.display	=	"inline";
				a1.style.display	=	"inline";
				a2.style.display	=	"inline";
				a3.style.display	=	"inline";
			}
        };
        fct();
		timer = setInterval(fct,40);    //On éxécute la fonction toute les 40 ms
	}
	else
	{
		var timer;					//On crée le timer
		var hFinal      =     0; 	//Hauteur finale
		var hActuel     =     100;	//Hauteur initiale
		var fct			=     function ()
		{
			//On supprime les liens
			a0.style.display	=	"none";
			a1.style.display	=	"none";
			a2.style.display	=	"none";
			a3.style.display	=	"none";
			hActuel -=    20;     //Diminue la hauteur de 20px  tous les 40ms
			objet.style.height     =	 hActuel      +     'px';
			if(hActuel <= hFinal)
			{
				clearInterval(timer);   //On arrête le timer
				objet.style.display	=	"none"; //On fait disparaître le div
			}
		};
		fct();
		timer = setInterval(fct,40);    //On éxécute la fonction toute les 40 ms
	}
}