var subMenus=new Array();


///////////////////////////////////////////////////////////////////////////////////////////
function showSubMenu(){
	
	hideSubMenu();
	clearCtDwn();
	
	var objThis = this;
 
	if(objThis.className!="actif"){
		objThis.className="hov";
		if(objThis.parentNode.nodeName=='TD'){//met le hover aussi au td parent
			objThis.parentNode.className='hov';
		}
	}else if(objThis.className=="actif"){
		objThis.className="actifhov";
		if(objThis.parentNode.nodeName=='TD'){//met le hover aussi au td parent
			objThis.parentNode.className='actifhov';
		}
	}
	
	for(var i = 0; i< objThis.childNodes.length; i++){
		if(objThis.childNodes.item(i).nodeName == "UL"){
								
			objThis.childNodes.item(i).style.display = "block";
			break;
		}		
	}	
}

///////////////////////////////////////////////////////////////////////////////////////////
var countDown=false;
function ctDwnHide(){
	countDown=setTimeout("hideSubMenu()",500);
}

///////////////////////////////////////////////////////////////////////////////////////////
function clearCtDwn(){
	clearTimeout(countDown);
}

///////////////////////////////////////////////////////////////////////////////////////////
function rollOut(){
	ctDwnHide();//set le countdown du hide de submenu
	
	var objThis = this;
	if(objThis.className!="actifhov"){
		objThis.className="";
		
		if(objThis.parentNode.nodeName=='TD'){//met le hover aussi au td parent
			objThis.parentNode.className='';
		}
	}else if(objThis.className=="actifhov"){
		objThis.className="actif";
		
		if(objThis.parentNode.nodeName=='TD'){//met le hover aussi au td parent
			objThis.parentNode.className='actif';
		}
	}	
	
	
	/* 
	for(var i = 0; i< objThis.childNodes.length; i++){
		if(objThis.childNodes.item(i).nodeName == "UL"){			
			objThis.childNodes.item(i).style.display = "none";			
			break;
		}			
	}
	*/

}

///////////////////////////////////////////////////////////////////////////////////////////
function hideSubMenu(){

	//alert(subMenus.length);
	//return false;
	
	for(var i=0;i<subMenus.length;i++){
		//alert(subMenus[i]);
		subMenus[i].style.display="none";
	}
	
}

///////////////////////////////////////////////////////////////////////////////////////////
function initialiseMenu(){
	oContainer=safeFindObj('mainmenu');
	var lst = oContainer.getElementsByTagName("div");

	loopNodeMenu(lst,1);
	
}

function loopNodeMenu(lst,level){
	var debug=safeFindObj('dbg');
	
	//loop dans les div qui sont dans le menu
	for(var i = 0; i < lst.length; i++){
		var obj = lst[i];
		
		//if(obj.tagName=='LI') debug.innerHTML +=  obj.innerHTML + ' ' + level + ' '  + lst.length + '<br>';
		
		for(var j = 0; j< obj.childNodes.length; j++){
			//alert(j);
			//si l'element a une liste dedans, cette liste est un ssmenu et l'element a donc des childs
			if(obj.childNodes[j].nodeName == "UL"){
			
				var subMenuFound=obj.childNodes[j];
			
				subMenus[subMenus.length]=subMenuFound;//met la liste dans le array des ssmenus
				obj.onmouseover=showSubMenu;//met les actions au piton 
				obj.onmouseout=rollOut;
				
				//les éléments de ce sous-menu
				var childList=subMenuFound.getElementsByTagName("li");
				//debug.innerHTML +=  subMenuFound + ' ' + subMenuFound.childNodes.length + '<br>';
				
				//loop dans les nodes de ce ul, pour voir si cet element a une liste en sous-element
				//loopNodeMenu(childList, level+1);
				
 
			} 
		}
		if(level==1){
				//if(obj.parentNode.nodeName=='TD'){//si le div a comme parent un TD (il est ds la table de base), on met une action de rolover quand meme sans ajouter de ssmenu
		
			obj.onmouseover=showSubMenu;//met les actions au piton 
			obj.onmouseout=rollOut;
		}
		
		
	}

}