var timer,i,menuId;

var dom = document.getElementById ? true : false;
var ie4 = ((document.all) && (!dom)) ? true : false;
var ns4 = document.layers ? true : false;
var opera = navigator.userAgent.indexOf('Opera') != -1 ? true : false;
var dhtml = dom ? true : ie4 ? true : ns4 ? true : false;

if(dhtml){
  document.write ('<style type="text/css">');
  document.write ('#scriptSupport {display: none;}');
  document.write ('#menuHolder   {width:775px; position: relative;}');
  document.write ('#hiddenMenu1, #hiddenMenu2, #hiddenMenu3, #hiddenMenu4, #hiddenMenu5, #hiddenMenu6, #hiddenMenu7 {position: absolute; visibility: hidden;}');
  document.write ('#visibleMenu1  {width:64px;  position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu2  {width:84px;  position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu3  {width:65px;  position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu4  {width:87px;  position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu5  {width:143px; position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu6  {width:164px; position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#visibleMenu7  {width:94px;  position:relative; left:70px; top:12px; float:left; font-weight:bold;}');
  document.write ('#hiddenMenu1   {left:60px;  top:33px;}');
  document.write ('#hiddenMenu2   {left:124px; top:33px;}');
  document.write ('#hiddenMenu3   {left:208px; top:33px;}');
  document.write ('#hiddenMenu4   {left:273px; top:33px;}');
  document.write ('#hiddenMenu5   {left:360px; top:33px;}');
  document.write ('#hiddenMenu6   {left:503px; top:33px;}');
  document.write ('#hiddenMenu7   {left:635px; top:33px;}');
  document.write ('</style>');
}

function setVisibility(element,newVisibility){
  if(dhtml){
    if (dom) document.getElementById(element).style.visibility = newVisibility;
    else if (ie4) document.all[element].style.visibility = newVisibility;
    else if (ns4) eval('document.' + element + '.visibility = newVisibility');
  }
}

function menu(){
  if(dhtml){
    if (opera) for (i = 1; i <= 7; i++) document.getElementById('hiddenMenu' + i).style.top = 30;
    if (ie4) for (i = 1; i <= 7; i++) document.all['hiddenMenu' + i].style.top = 30;
    setVisibility('menuHolder','visible');
  }
}

function showMenu(id){
  if(dhtml){
    clearTimeout(timer);
    for (i = 1; i <= 7; i++) if (i != id) setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + i,'hidden');
    setVisibility((ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id,'visible');
  }
}

function hideMenu(id){
  if(dhtml){
    menuId = (ns4 ? 'menuHolder.document.' : '') + 'hiddenMenu' + id;
    timer = setTimeout("setVisibility(menuId,'hidden')",50);
  }
}

function dontHideMenu(){
  if(dhtml) clearTimeout(timer);
}