// --- affiche les sous-menu
var submenu = new Array();
var submenu_name = new Array();
var submenu_x = new Array();
var submenu_y = new Array();
var submenu_pos = new Array();
var submenu_tempo = new Array();
var submenu_show = new Array();
var subsubmenu = new Array();
var subsubmenu_name = new Array();

function show_submenu(lang, buttonName, menu, item) {
  
  
  
	hide_submenu(menu);
  if (submenu_x[menu] == undefined)
  {
    submenu_x[menu] = "middle";     // left right middle
    submenu_y[menu] = "bottom";   // top middle bottom
    submenu_pos[menu] = "in";     // out
    submenu_tempo[menu] = "1500";     // timing en ms
  }
  try{
    if (submenu[menu][item][0] != undefined)
    {
      // console.log(submenu[menu][item][0]);

      var items = new Array();
      // items = submenu[menu];
      var myInnerHTML = "";
      var subsub = "";
      var refItem = 0;
			var idItem = ""; 
			var edit_mode = getVar ("edit_mode");
			
      for (var i=0; i < submenu[menu][item].length;i++)
      {
        subsub = "onmouseover=\"hide_subsubmenu('" + menu + "');\"";
        refItem = submenu[menu][item][i];
				
        try {
          // subsubmenu[16][53][0]
          
          if (subsubmenu[menu][refItem][0] != undefined) {
						idItem = "subitem_" + menu + "_" + refItem ;
            subsub = "onmouseover=\"show_subsubmenu('fr', '" + idItem + "', '" + menu + "', '" + refItem + "');\"";
						idItem = " id='" + idItem + "'";
          }
        } catch(e) {
					
				}
        myInnerHTML += "<li><a href='index.php?p=" + submenu[menu][item][i] + "&from=" + menu + "&lang=" + lang + "&edit_mode=" + edit_mode + "' class='subitem' " + subsub + idItem + ">" + submenu_name[menu][item][i] + "</a></li>";
        //myInnerHTML += "<li><a href='page-" + submenu[menu][item][i] + "-" + menu + "-" + lang + ".html' class='subitem' " + subsub + idItem + ">" + submenu_name[menu][item][i] + "</a></li>";
      }
    	

      // on va chercher le bouton
      var button = document.getElementById(buttonName);

      
      if (submenu_pos[menu] == "out")
      {
        var menu_sub = document.createElement("div");
        myInnerHTML = "<ul>" + myInnerHTML + "</ul>";
        
      } else var menu_sub = document.createElement("ul");
      menu_sub.setAttribute("id", "menu_sub_" + menu);
      if (submenu_pos[menu] == "out") // si le menu a créer est à l'extérieur...
      {
        // menu_parent = document.getElementById(menuName);
        
        button.parentNode.appendChild(menu_sub);
        menu_sub.setAttribute('class', 'menu_sub' );
        menu_sub.setAttribute('className', 'menu_sub');
        menu_sub.style.visibility = 'visible';
      	menu_sub.innerHTML = myInnerHTML ;
      	menu_sub.style.position = "absolute";
      	menu_sub.style.zIndex = 1000;
      	
        switch (submenu_x[menu])
        {
          case "right" :
          menu_sub.style.left = button.offsetLeft + button.offsetWidth + "px";
          break;
          
          case "left" :
          menu_sub.style.right = button.offsetLeft + "px";
          break;
          
          case "middle" : 
          menu_sub.style.left = button.offsetLeft + Math.round(button.offsetWidth / 2) + "px";
          break;
        }
        switch (submenu_y[menu])
        {
          case "top" :
          menu_sub.style.top = button.offsetTop  + "px";
          break;
          
          case "bottom" :
          menu_sub.style.top = button.offsetTop + button.offsetHeight + "px";
          break;
          
          case "middle" : 
          menu_sub.style.top = button.offsetTop + Math.round(button.offsetHeight / 2) + "px";
          break;
        }
      } else {    // si le menu à créer est à l'intérieur
        button.parentNode.insertBefore(menu_sub, button.nextSibling);
        // button.parentNode.appendChild(menu_sub);
        menu_sub.setAttribute('class', 'menu_sub' );
        menu_sub.setAttribute('className', 'menu_sub');
        menu_sub.style.visibility = 'visible';
      	menu_sub.innerHTML = myInnerHTML ;
      }
      

    	submenu_show[menu] = true;
    	menu_sub.menu_id = menu;
      
      menu_sub.onmouseover = function() {
        submenu_show[this.menu_id] = true;
				// console.log("OnmouseOver sub");
      }
      
      menu_sub.onmouseout = function() {
        submenu_show[this.menu_id] = false;
				// console.log("OnmouseOut sub");
	    	setTimeout("menu_sub_timer('" + menu + "')", submenu_tempo[menu]);

  	  }
    }

  } catch (e) {}

}


function show_subsubmenu(lang, buttonName, menu, refItem) {
  
	hide_subsubmenu(menu);

  try{
    if (subsubmenu[menu][refItem][0] != undefined)
    {
      var items = new Array();
      // items = submenu[menu];
      var myInnerHTML = "";
			var edit_mode = getVar ("edit_mode");
			
      for (var i=0; i < subsubmenu[menu][refItem].length;i++)
      {
        myInnerHTML += "<li><a href='index.php?p=" + subsubmenu[menu][refItem][i] + "&from=" + menu + "&lang=" + lang + "&edit_mode=" + edit_mode + "' class='subitem'>" + subsubmenu_name[menu][refItem][i] + "</a></li>";
        
				//myInnerHTML += "<li><a href='page-" + subsubmenu[menu][refItem][i] + "-" + menu + "-" + lang + ".html' class='subitem' >" + subsubmenu_name[menu][refItem][i] + "</a></li>";
      }
    	

      // on va chercher le bouton
      var button = document.getElementById(buttonName);

      
      if (submenu_pos[menu] == "out")
      {
        var menu_sub = document.createElement("div");
        myInnerHTML = "<ul>" + myInnerHTML + "</ul>";
        
      } else var menu_sub = document.createElement("ul");
      menu_sub.setAttribute("id", "menu_subsub_" + menu);
      if (submenu_pos[menu] == "out") // si le menu a créer est à l'extérieur...
      {
        // menu_parent = document.getElementById(menuName);
        
        button.parentNode.appendChild(menu_sub);
        menu_sub.setAttribute('class', 'menu_sub' );
        menu_sub.setAttribute('className', 'menu_sub');
        menu_sub.style.visibility = 'visible';
      	menu_sub.innerHTML = myInnerHTML ;
      	menu_sub.style.position = "absolute";
      	menu_sub.style.zIndex = 1000;
      	
        switch (submenu_x[menu])
        {
          case "right" :
          menu_sub.style.left = button.offsetLeft + button.offsetWidth + 2 + "px";
          break;
          
          case "left" :
          menu_sub.style.right = button.offsetLeft + "px";
          break;
          
          case "middle" : 
          menu_sub.style.left = button.offsetLeft + Math.round(button.offsetWidth / 2) + "px";
          break;
        }
        switch (submenu_y[menu])
        {
          case "top" :
          menu_sub.style.top = button.offsetTop  + "px";
          break;
          
          case "bottom" :
          menu_sub.style.top = button.offsetTop + button.offsetHeight + "px";
          break;
          
          case "middle" : 
          menu_sub.style.top = button.offsetTop + Math.round(button.offsetHeight / 2) + "px";
          break;
        }
      } else {    // si le menu à créer est à l'intérieur
        button.parentNode.insertBefore(menu_sub, button.nextSibling);
        // button.parentNode.appendChild(menu_sub);
        menu_sub.setAttribute('class', 'menu_sub' );
        menu_sub.setAttribute('className', 'menu_sub');
        menu_sub.style.visibility = 'visible';
      	menu_sub.innerHTML = myInnerHTML ;
      }
      

    	submenu_show[menu] = true;
    	menu_sub.menu_id = menu;
      
      menu_sub.onmouseover = function() {
        submenu_show[this.menu_id] = true;
				// console.log("OnMouseOver subsub");
      }
      
      menu_sub.onmouseout = function() {
        submenu_show[this.menu_id] = false;
				// console.log("OnMouseOut subsub");
	    	setTimeout("menu_sub_timer('" + menu + "')", submenu_tempo[menu]);

  	  }
    }

  } catch (e) {}

}

function hide_subsubmenu(menu) {
  try
    {
        var mynode = document.getElementById("menu_subsub_" + menu);
        var parent = mynode.parentNode;
        parent.removeChild(mynode);
          }
    catch(e){ 
      //console.log("not remved");
    }
}

function menu_sub_timer(menuID) { 
	  // console.log(menuID + " : " + submenu_show[menuID]);
    if (!submenu_show[menuID]) hide_submenu(menuID);
}

function hide_submenu(menu) {
  try
    {
        var mynode = document.getElementById("menu_sub_" + menu);
        var parent = mynode.parentNode;
        parent.removeChild(mynode);
          }
    catch(e){ 
      //console.log("not remved");
    }
		hide_subsubmenu(menu);
}