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

var menuids=["menuPrincipal"]; //Enter id(s) of SuckerTree UL menus, separated by commas
intervalMenu = 0;
vieuxMenuAffiche = "";
sousMenuSectionAffichee = "";
vieuxClassAffichee = "";
tempClass="";
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
            if (ultags[t].className.indexOf('menuEnCours') > 0)  
			   {
			   sousMenuSectionAffichee = ultags[t].parentNode.getElementsByTagName("ul")[0];
			   }
			 if (ultags[t].parentNode.getElementsByTagName("a")[0].className != "")
			   {
			   vieuxClassAffichee=ultags[t].parentNode.getElementsByTagName("a")[0];
			   }
			//ultags[t].style.left=-30 +"px"; //dynamically position first level submenus to be height of main menu item
// Pas besoin changer la classe pour les flèches pour là...
//			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon";
		}
		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à...
    	ultags[t].parentNode.getElementsByTagName("a")[0].className="menuPrincipalAvecSousMenu";
		}
    ultags[t].parentNode.onmouseover=function(){
	if (tempClass != vieuxClassAffichee)
		{
		tempClass.className="";
		}
	clearTimeout(intervalMenu);
	if ((vieuxMenuAffiche != this.getElementsByTagName("ul")[0]) && (vieuxMenuAffiche != ""))
	   {
	   $(vieuxMenuAffiche).delay(100).slideUp(250);
	   $("#containerSousMenu").delay(100).slideUp(250);
	   }
    this.getElementsByTagName("ul")[0].style.visibility="visible";
	$("#containerSousMenu").clearQueue();
	$("#containerSousMenu:animated").stop().attr("style","height:32px;");
	$(this.getElementsByTagName("ul")[0]).slideDown(250);
	$("#containerSousMenu").slideDown(250);
	this.getElementsByTagName("a")[0].className="selected";
    }
    ultags[t].parentNode.onmouseout=function(){
	if (this.getElementsByTagName("a")[0] != vieuxClassAffichee)
		{
		tempClass=this.getElementsByTagName("a")[0];
		}
	vieuxMenuAffiche = this.getElementsByTagName("ul")[0];
    intervalMenu = setTimeout('$(vieuxMenuAffiche).delay(100).slideUp(250);$("#containerSousMenu").delay(100).slideUp(250); tempClass.className=""; AfficherSousMenuEnCours();', 500);
    }
    }
  }
  AfficherSousMenuEnCours();
}
function AfficherSousMenuEnCours()
   {
   if (sousMenuSectionAffichee != "")
      {
      sousMenuSectionAffichee.style.visibility="visible";
	  sousMenuSectionAffichee.style.display="block";
	  $("#containerSousMenu:animated").clearQueue();
	  $(sousMenuSectionAffichee).slideDown(250);
	  $("#containerSousMenu").slideDown(250);
	  vieuxMenuAffiche = sousMenuSectionAffichee;
	  }
   }

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