// JavaScript Document
//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var cpt=0
var menuids=["nav"] //Enter id(s) of SuckerTree UL menus, separated by commas

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.zIndex=ultags.length-t;
		}
		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="subfoldericon";
		}
	//alert(ultags[t].parentNode.parentNode.id);
	
	//if(ultags[t].parentNode.parentNode.parentNode.parentNode.id==menuids[i]){cpt++;alert(cpt)}
	//alert(ultags[t].parentNode.parentNode.parentNode.parentNode.id)
	if(ultags[t].parentNode.parentNode.id==menuids[i])
	    {
		if(ultags[t].parentNode.offsetLeft+ultags[t].offsetWidth >= ultags[t].parentNode.parentNode.offsetWidth)
	        {
		    ultags[t].style.left="-"+(ultags[t].offsetWidth-ultags[t].parentNode.offsetWidth)+"px";
		    }
		}
		else if(ultags[t].parentNode.parentNode.parentNode.parentNode.id==menuids[i])
		{
		if(ultags[t].parentNode.parentNode.parentNode.offsetLeft+ultags[t].parentNode.offsetWidth+ultags[t].offsetWidth >= ultags[t].parentNode.parentNode.parentNode.parentNode.offsetWidth)
	        {
			ultags[t].style.left="-"+ultags[t].offsetWidth+"px";
			}
		}
    ultags[t].parentNode.onmouseover=function(){
	var premiereListe=this.getElementsByTagName("ul")[0];
    premiereListe.style.visibility="visible";
	if(this.getElementsByTagName("a")[0].className.indexOf("selected") == -1)
			{
			//alert(premiereListe.parentNode.offsetLeft+premiereListe.offsetWidth)
			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";
			//bug select formulaire
			if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('MSIE 7') == -1 && document.getElementById('formulaireReservation')!=null)
			    {
				document.getElementById('formulaireReservation').style.visibility="hidden";
				}
			}
    }
	/*ultags[t].onmouseover=function(){
	alert(this.getElementsByTagName("ul")[0]);
	this.style.visibility="visible";
    }*/
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden";
	if(navigator.userAgent.indexOf('MSIE') != -1 && navigator.userAgent.indexOf('MSIE 7') == -1 && document.getElementById('formulaireReservation')!=null)
			    {
				document.getElementById('formulaireReservation').style.visibility="visible";
				}
	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);


