// JavaScript Document
//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["nav"] //Enter id(s) of SuckerTree UL menus, separated by commas
var refMenuExamine
var hauteurMaximale=0;

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
		//	ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px"; //dynamically position first level submenus to be height of main menu item
//			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";
		ultags[t].parentNode.style.position="relative";
		ultags[t].parentNode.style.zIndex=5000-(t*10);
		}
		else{ //else if this is a sub level menu (ul)
          var niveauMenu = ultags[t].className;
          var positionAUtiliser = 0;
          // We gotta check not only the previous ul, but the previous UL that's a level under it;
          for (var z=t-1; z >= 0; z--)
             {
             if (ultags[z].className < niveauMenu)
                {
                positionAUtiliser = z;
                break;
                }
             }
			 
          //ultags[t].style.left=ultags[positionAUtiliser].getElementsByTagName("a")[0].offsetWidth+"px"; //position menu to the right of menu item that activated it
		  
// Pas besoin changer la classe pour les flèches pour là...
		if (ultags[t].parentNode.parentNode.className.indexOf("troisNiveaux") == -1)
			{
    		ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon";
			}
		}
	if (ultags[t].parentNode.parentNode.className.indexOf("troisNiveaux") == -1){
		ultags[t].parentNode.onmouseover=function(){
		this.getElementsByTagName("ul")[0].style.visibility="visible";
		//this.getElementsByTagName("ul")[0].style.zIndex=500000000;
		//alert(this.getElementsByTagName("ul")[0].style.zIndex)
		//faire en sorte que le parent reste en état hover
		if(this.getElementsByTagName("a")[0].className.indexOf("selected") == -1)
			{
			//alert(this.getElementsByTagName("a")[0].className.length)
			if(this.getElementsByTagName("a")[0].className.length>0){
				this.getElementsByTagName("a")[0].className=this.getElementsByTagName("a")[0].className+" ";
				}
			this.getElementsByTagName("a")[0].className=this.getElementsByTagName("a")[0].className+"selected";
			}
		}
	}
	else
	{
	if (ultags[t].parentNode.parentNode.className.indexOf("troisNiveaux") != -1 && ultags[t].parentNode.parentNode != refMenuExamine)
		{
		refMenuExamine=ultags[t].parentNode.parentNode;
		hauteurMaximale=0;
		var elementsListe=ultags[t].parentNode.parentNode.getElementsByTagName("li");
		for (var cpt=0;cpt<elementsListe.length;cpt++)
			{
			if(elementsListe[cpt].parentNode.parentNode.parentNode.id==menuids[i])
				{
				//le -16 est pour ne pas compter le padding de la liste
				//le -2 pour ne pas compter les bordures
				//
				var hauteurLienTitre=elementsListe[cpt].getElementsByTagName("a")[0].offsetHeight;
				if((elementsListe[cpt].offsetHeight-16-2-hauteurLienTitre) > hauteurMaximale)
					{
					hauteurMaximale=elementsListe[cpt].offsetHeight-16-2-hauteurLienTitre;
					}
				}
			}
		var hauteurMaximale;
		}
	ultags[t].style.height=hauteurMaximale+"px";
	}
	/*ultags[t].onmouseover=function(){
	alert(this.getElementsByTagName("ul")[0]);
	this.style.visibility="visible";
    }*/
	if (ultags[t].parentNode.parentNode.className.indexOf("troisNiveaux") == -1){
		ultags[t].parentNode.onmouseout=function(){
		this.getElementsByTagName("ul")[0].style.visibility="hidden";
		//faire en sorte que le parent s'éteigne
		if(this.getElementsByTagName("a")[0].className.length > 8)
			{
			var chaineAChanger=this.getElementsByTagName("a")[0].className;
			var partieGauche=chaineAChanger.substring(0,chaineAChanger.indexOf("selected"));
			var partieDroite=chaineAChanger.substring(chaineAChanger.indexOf("selected")+8,chaineAChanger.length);
			var nouvelleClasse=partieGauche+partieDroite;
			this.getElementsByTagName("a")[0].className=nouvelleClasse.replace("  "," ");
			}
			else
			{
			this.getElementsByTagName("a")[0].className = "";
			}
		}
	}
	//******************************************
	/*ultags[t].onmouseout=function(){
    this.style.visibility="hidden";
    }*/
	
    }
  }
}

if (window.addEventListener)
   window.addEventListener("load", buildsubmenus_horizontal, false);
else if (window.attachEvent)
   window.attachEvent("onload", buildsubmenus_horizontal);