var openedMenu = null;
var submenuTimer;

function menuOvr(id){
  if (openedMenu && openedMenu != id){
    CloseMenu(id);
  }
  OpenMenu(id);
}

function OpenMenu(id){
  var pTop, pLeft;
  if(id == 'menu01') { pTop = 620;}
  if(id == 'menu02') { pTop = 644;}
  if(id == 'menu03') { pTop = 668;}
  if(id == 'menu04') { pTop = 692;}
  if(id == 'menu05') { pTop = 716;}
  if(id == 'menu06') { pTop = 740;}
  if(id == 'menu07') { pTop = 764;}
  if(id == 'menu08') { pTop = 788;}
  if(id == 'menu09') { pTop = 812;}
  if(id == 'menu10') { pTop = 836;}
  if(id == 'menu11') { pTop = 860;}
  if(id == 'menu12') { pTop = 884;}
  if(id == 'menu13') { pTop = 908;}
  if(id == 'menu14') { pTop = 932;}
  if(id == 'menu15') { pTop = 956;}

  if ( document.all ){
    if(document.body.clientWidth > 800){
      pLeft = ((document.body.clientWidth - 800) / 2) + 140 ;
    }else{
      pLeft = 140 ;
    }
    document.all( id ).style.posTop = pTop; 
    document.all( id ).style.posLeft = pLeft; 
    document.all( id ).style.visibility = 'visible';
  }else if ( document.getElementById ){
    if(innerWidth > 800){
      pLeft = ((innerWidth - 800) / 2) + 140;
    }else{
      pLeft = 140;
    }
    document.getElementById( id ).style.top = pTop +"px"; 
    document.getElementById( id ).style.left = pLeft +"px"; 
    document.getElementById( id ).style.visibility = 'visible';
  }else if ( document.layers ){
    if(innerWidth > 800){
      pLeft = ((innerWidth - 800) / 2) + 140;
    }else{
      pLeft = 140;
    }
    document.layers[ id ].moveTo(pLeft, pTop); 
    document.layers[ id ].visibility = 'show';
  }
  clearTimeout(submenuTimer);
  openedMenu = id;
}

function CloseMenu(){ 
  if ( document.all ){
    document.all( openedMenu ).style.visibility = 'hidden';
  }else if ( document.getElementById ){
    document.getElementById( openedMenu ).style.visibility = 'hidden';
  }else if ( document.layers ){
    document.layers[ openedMenu ].visibility = 'hide';
  }
  openedMenu = null;
}