/****************** Funciones menú *****************/
var menu_id=-1;
var menu_ant=0;
var id;
var ctime;

function muestraSubmenu(id){
  if(menu_id!=-1){
    if (document.getElementById("submenu"+menu_id))
      var submenu_ocultar = document.getElementById("submenu"+menu_id).style;
    var menu_ocultar = document.getElementById("menu"+menu_id).style;
    var menu_ocultar_a = document.getElementById("menu"+menu_id+"a").style;        
    menu_ocultar_a.color = "#FFF";
    menu_ocultar.background = "";
    menu_ocultar.border = "none";    
    document.getElementById("menu"+menu_id).className= "";
    if (document.getElementById("submenu"+menu_id))
      submenu_ocultar.display = "none";
  }
  
  if (id != -1){
    if (document.getElementById("submenu"+id))
      var submenu = document.getElementById("submenu"+id).style;
    var menu = document.getElementById("menu"+id).style;
    var menu_a = document.getElementById("menu"+id+"a").style;        
    menu_a.color = "#000";    
    menu.background = "#FFF";
    menu.borderTop = "1px solid #000";
    menu.borderLeft = "1px solid #000";
    menu.borderRight = "1px solid #000";
    if (document.getElementById("submenu"+id))
      submenu.display = "";
    posicionarSubmenu(id);
  }
  
  if ((menu_ant == 0 || menu_ant == -1) && menu_id>0){
    menu_ant = menu_id;
  }
  
  menu_id=id;
  
  if(menu_ant!=-1){
    if (document.getElementById("menu"+menu_ant)){
      var menu_seleccionado = document.getElementById("menu"+menu_ant).style;
      menu_seleccionado.background = "#FFF";
      menu_seleccionado.borderTop = "1px solid #000";
      menu_seleccionado.borderLeft = "1px solid #000";
      menu_seleccionado.borderRight = "1px solid #000";
    }
    if (document.getElementById("menu"+menu_ant+"a")){
      var menu_seleccionado_a = document.getElementById("menu"+menu_ant+"a").style;
      menu_seleccionado_a.color = "#000";
    }
  }
}

function hideSubmenu(){
  if (menu_ant == 0)
    menu_ant = -1;
  id = menu_ant;
  
  muestraSubmenu(id);
}

function posicionarSubmenu(id)
{
  if (document.getElementById("submenu"+id)){
  if(Math.round(document.getElementById("submenu"+id).style.paddingLeft)==0 && document.getElementById("submenu"+id).className=='submenu'){
    var anchura_sub = document.getElementById("submenu"+id).offsetWidth/2;
    var anchura_total = document.getElementById("menu").offsetWidth;
    var pos_menu_x = document.getElementById("menu"+id).offsetLeft;
    var anchura_menu = document.getElementById("menu"+id).offsetWidth;
    pos_submenu_x=Math.round(anchura_menu/2+pos_menu_x-anchura_sub);
    if(pos_submenu_x<0)
      pos_submenu_x=1;//lo ponemos a 1 para saber que ya hemos entrado.
    if(pos_submenu_x+anchura_sub*2>anchura_total)
      document.getElementById("submenu"+id).className="submenu right";
    else
      document.getElementById("submenu"+id).style.paddingLeft=pos_submenu_x+"px";
  }
  }
}
/************************/