// JavaScript Document

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 = 50;}

  if ( document.all ){
    if(document.body.clientWidth > 800){
      pLeft = ((document.body.clientWidth - 800) / 2) + 400 ;
    }else{
      pLeft = 400 ;
    }
    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) + 400;
    }else{
      pLeft = 400;
    }
    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) + 400;
    }else{
      pLeft = 400;
    }
    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;
}