window.onload = chargermenu;

/* Script par Raphaël Wils
	Email : antispamraphaelwils@hotmail.com
	Enlevez "antispam" pour m'écrire */
//-------------------- parametres ------------------
	var tab=10;				// tabindex du premier élément <a>
	var li_over="#1B64C6";	// fond des menus au survol des sous menus (orange clair dans l'exemple)
	var id_menu="menunegozi";		// id du menu
//--------------------------------------------------

var menu;
function chargermenu(){
 if (document.getElementById){
  menu=document.getElementById(id_menu);
  liste_ul=menu.getElementsByTagName('ul');
  document.body.onclick=function(){effacetout()};   //reinitialisation au click de la souris sur la page
  // ----- initialisation des éléments de la liste -----
  var n=0;
  for(j=0;j<liste_ul.length;j++){
	if(liste_ul[j].parentNode==menu){
		liste_ul[j].className="me";
		liste_ul[j].id="menunegozi"+n;
		n++;
		liste_li=liste_ul[j].getElementsByTagName('li');
		for(i=0;i<liste_li.length;i++){
			a_child=liste_li[i].getElementsByTagName('a')[0];
			a_child.onmouseover=function(){affichemenu(this)};
			a_child.onfocus=function(){affichemenu(this)};
			a_child.tabIndex=tab++;
			if (liste_li[i].getElementsByTagName('ul')[0]){
			 liste_li[i].className="fleche";
			 a_child.className="fleche";
			}
		}
		a_child.onblur=function(){effacetout();};	// lorsque le dernier lien perd le focus
	}
  }
  menu.style.display="block";
 }
}
function effacetout(){
 n=0;
 while(document.getElementById('menunegozi'+n)){
  effacemenu(document.getElementById('menunegozi'+n));
  n++;
 }
}
function effacemenu(ul_par){
 li=ul_par.getElementsByTagName('li');
 for(i=0;i<li.length;i++){
  ul=li[i].getElementsByTagName('ul')[0];
  if(ul&&ul.style.visibility=="visible"){
	ul.style.visibility="hidden";
	li[i].style.backgroundImage="url(fleche1.gif)";
	li[i].style.backgroundColor="transparent";
  }
 }
}
function affichemenu(a){
 ulp=a.parentNode.parentNode;
 if(ulp.parentNode==menu){effacetout()}
 else{effacemenu(ulp)}
 ul=a.parentNode.getElementsByTagName('ul')[0];
 if(ul){
	ul.style.visibility="visible";
	ul.parentNode.style.backgroundColor=li_over;
	ul.parentNode.style.backgroundImage="url(fleche2.gif)";
 }
}