/*
Chris M. Sissons
Controls included IE or Netscape menu system
*/

var closeDelay = 50;
var active = false;
var menuX = new Array(3);
var timeoutNum = 0;
var isNS4, isIE4, isIE5, isNS6;

menuX[0] = 70;
menuX[1] = 313;
menuX[2] = 525;

//-- Find brower type
isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;

function alignMenus() {
  //-- Reposition icons and menus according to window size
  var i;
  var tempX = new Array(3);

  for (i = 0; i < 3; i++) {
    if (isIE4 || isIE5) {
      if (document.body.clientWidth < 720)
        tempX[i] = (menuX[i] + 10) + 'px';
      else
        tempX[i] = (((document.body.clientWidth - 720) / 2) + menuX[i]) + 'px';
    }
    else if (isNS4 || isNS6) {
      if (window.innerWidth < 720)
        tempX[i] = menuX[i] + 10;
      else
        tempX[i] = ((window.innerWidth - 720) / 2) + menuX[i];
    }
  }

  if (isIE4) {
    document.all['menu0'].style.left = tempX[0];
    document.all['menu1'].style.left = tempX[1];
    document.all['menu2'].style.left = tempX[2];
  }
  else if (isIE5) {
    document.getElementById('menu0').style.left = tempX[0];
    document.getElementById('menu1').style.left = tempX[1];
    document.getElementById('menu2').style.left = tempX[2];
  }
  else if (isNS4) {
    document.layers['icon0'].left = tempX[0];
    document.layers['menu0'].left = tempX[0];
    document.layers['icon1'].left = tempX[1];
    document.layers['menu1'].left = tempX[1];
    document.layers['icon2'].left = tempX[2];
    document.layers['menu2'].left = tempX[2];
  }
  else if (isNS6) {
    document.getElementById('menu0').style.left = tempX[0];
    document.getElementById('menu1').style.left = tempX[1];
    document.getElementById('menu2').style.left = tempX[2];
  }

  active = true;
}

function realignMenus() {
  if (isIE4 || isIE5) {
    alignMenus();
  }
  else if (isNS4 || isNS6) {
    if (active == true)
      location.reload();
  }
}

function onMenu(id) {
  if (active == false)
    return false;

  clearTimeout(timeoutNum);	//-- Cancel closing menus

  closeAll(id);			//-- Close other menus

  //-- Show menu
  if (isIE4) {
    if (document.all[id])
      document.all[id].style.visibility = 'visible';
  }
  else if (isNS4) {
    if (document.layers[id])
      document.layers[id].visibility = 'show';
  }
  else if (isIE5 || isNS6) {
    if (document.getElementById(id))
      document.getElementById(id).style.visibility = 'visible';
  }
}

function offMenu() {
  //-- Set timeout to close all menus
  if (active == true)
    timeoutNum = setTimeout('closeAll("")', closeDelay);
}

function closeAll(id) {
  if (active == false)
    return false;

  var i;

  for (i = 0; i < 3; i++) {
    if (id != 'menu' + i) {
      //-- Close menu if it's not specified to keep open
      if (isIE4) {
        if (document.all['menu' + i])
          document.all['menu' + i].style.visibility = 'hidden';
      }
      else if (isNS4) {
        if (document.layers['menu' + i])
          document.layers['menu' + i].visibility = 'hide';
      }
      else if (isIE5 || isNS6) {
        if (document.getElementById('menu' + i))
          document.getElementById('menu' + i).style.visibility = 'hidden';
      }
    }
  }
}

