sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);



//FONCTION DE POPUP DE FENETRE
function Suite(lien){
	
	var objet = document.getElementById('popup'); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	
	if(objet.style.display == "none" || !objet.style.display){
		
		objet.innerHTML = "<form method='post' action='#'><div class='guestbook_div_new'><div class='guestbook_div_up'><h1><input style='width:250px;' type='text' name='gk_title' value='Votre titre' /></h1></div><div class='guestbook_div_down'><p><textarea name='gk_message' style='margin-bottom:5px;' rows='8' cols='46'>Votre message pour le livre d'or</textarea></p><p>De :<input type='text' name='gk_pseudo' value='Votre pseudo' />&nbsp;<input type='submit' value='Poster' class='button' name='submit' /></p></div></div></div></form>";
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "R&eacute;duire";
       
        var hFinal      =     200;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct = function () {
			hActuel  +=       20;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
			objet.style.height     =	 hActuel      +     'px';
			if( hActuel > hFinal) {
				clearInterval(timer);   //Arrête le timer
				objet.style.overflow    =   'inherit';
			}
		};
		
        fct();

        
		timer = setInterval(fct,40);    //Toute les 40 ms
		
	}else if(objet.style.display == "block"){
		
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
       
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
				
                objet.style.height     =	 hActuel      +     'px';
				
                if( hActuel <= hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.overflow    =   'inherit';
						objet.style.display     =   "none";
                }
        };
        fct();
        
		timer = setInterval(fct,40);    //Toute les 40 ms
		objet.style.display = "none";
		lien.innerHTML = "Signer le livre d'or";
		
	}
}