/**
 * based on menu.js
 * by gary smith, July 1997
 * Copyright (c) 1997-1999 Netscape Communications Corp.
 *
 * Netscape grants you a royalty free license to use or modify this
 * software provided that this copyright notice appears on all copies.
 * This software is provided "AS IS," without a warranty of any kind.
 * 
 * Modified by Leon@Wu.ca, September 16, 2004
 * Fixed the error of image swapping off when mouse move from one menu to another adjacent menu.
 * Definitions of the menu items locate at the bottom.
 */

var imagesOn = new Array();
var imagesOff = new Array();

var doneLoading = false;
var spacer = "/images/spacer.gif";
var delay = 50;

var curTopOn = "";
var curMenuOn = new Array();
var topTid = "";
var haveTopTid = false;
var menuTid = "";
var haveMenuTid = false;
var menuVisible = false;

function preload(on,off) {
  var suffixOn = "_hi"
  if (on != null && on != "") {
    suffixOn = on;
  }
  var suffixOff = ""
  if (off != null && off != "") {
    suffixOff = off;
  }
  var ext = ".gif"

  if (document.images) {
    var n = 0;
    for (var i = 0; i < document.images.length; i++) {
      if (document.images[i].name) {
	var thisImg = document.images[i];
	var name = thisImg.name;
	var path = imgName = thisImg.src;
	path = path.substring(0,path.lastIndexOf('/')+1);
	imgName = imgName.substring(imgName.lastIndexOf('/')+1, imgName.lastIndexOf('.'));
	//alert(name+"\n"+path+"\n"+imgName);

	if (name == imgName || name.indexOf('nav2') != -1) {
	  imagesOn[name] = new Image();
	  imagesOn[name].src = path+name+suffixOn+ext;

	  imagesOff[name] = new Image();
	  imagesOff[name].src = path+name+suffixOff+ext;
	}
      }
    }
  }
  doneLoading = true;
}

function on() {
  var args = on.arguments;
  if (!doneLoading) return false;

  if (haveTopTid) {
    clearTimeout(topTid);
    haveTopTid = false;
  }
  if (haveMenuTid) {
    clearTimeout(menuTid);
    haveMenuTid = false;
    return true;
  }

  var imgName = args[0];
  if (curTopOn != imgName) {
    actOff();
  }
  swap(imgName, imagesOn[imgName].src);
  curTopOn = imgName;

  if (args.length > 1) {
    curMenuOn.length = 0;
    for (var i = 1; i < args.length; i++) {
      curMenuOn[i-1] = args[i];
    }
    showMenu();
  }
  return true;
}

function off() {
  if (!doneLoading) return false;
  topTid = setTimeout("actOff()", delay);
  haveTopTid = true;
  return true;
}

function actOff() {
  if (curTopOn != "") {
    swap(curTopOn, imagesOff[curTopOn].src);
    curTopOn = "";
    haveTopTid = false;
    if (curMenuOn.length >= 1) actHideMenu();
  }
}

function showMenu() {
  for (var i = 0; i < curMenuOn.length; i++) {
    swap(curMenuOn[i], imagesOff[curMenuOn[i]].src);
  }
  menuVisible = true;
}

function hideMenu() {
  if (!doneLoading) return false;
  menuTid = setTimeout("actOff()", delay);
  haveMenuTid = true;
  return true;
}

function actHideMenu(args) {
  for (var i = 0; i < curMenuOn.length; i++) {
    swap(curMenuOn[i], spacer);
  }
  haveMenuTid = false;
  menuVisible = false;
}

function menuOn(imgName) {
  if (!doneLoading || !menuVisible) return false;

  if (isInMenu(imgName)) {
    if (haveTopTid) {
      clearTimeout(topTid);
      haveTopTid = false;
    }
    if (haveMenuTid) {
      clearTimeout(menuTid);
      haveMenuTid = false;
    }

    swap(imgName, imagesOn[imgName].src);
  }

  return true;
}

function menuOff(imgName) {
  if (!doneLoading || !menuVisible) return false;
  if (isInMenu(imgName)) {
    swap(imgName, imagesOff[imgName].src);
    menuTid = setTimeout("hideMenu('"+imgName+"')", delay);
    haveMenuTid = true;
  }
  return true;
}

function isInMenu(imgName) {
  for (var i = 0; i < curMenuOn.length; i++) {
    if (curMenuOn[i] == imgName) {
      return true;
      break;
    }
  }
  return false;
}

function swap(imgName,imgSrc) {
  if (document.images && doneLoading) {
    //alert(name+"\n"+document.images[name].src);
    document.images[imgName].src = imgSrc;
  }
}

function Menu(opts, label) {
  this.menuWidth            = opts['menuWidth'];
  this.menuItemHeight       = opts['menuItemHeight'];
  this.menuXOffset          = opts['menuXOffset'];
  this.menuYOffset          = opts['menuYOffset'];

  this.bgColor              = opts['bgColor'];
  this.menuItemBgColor      = opts['menuItemBgColor'];
  this.menuContainerBgColor = opts['menuContainerBgColor'];
  this.menuHiliteBgColor    = opts['menuItemHiliteBgColor'];
  this.menuLiteBgColor      = opts['menuLiteBgColor'];
  this.menuBorderBgColor    = opts['menuBorderBgColor'];
  this.menuBorder           = opts['menuBorder'];
  this.menuItemBorder       = opts['menuItemBorder'];

  this.menuItemHAlign       = opts['menuItemHAlign'];
  this.menuItemVAlign       = opts['menuItemVAlign'];
  this.menuItemPadding      = opts['menuItemPadding'];
  this.menuItemSpacing      = opts['menuItemSpacing'];
  this.menuItemIndent       = opts['menuItemIndent'];

  this.menuBgOpaque         = opts['menuBgOpaque'];
  this.vertical             = opts['vertical'];
  this.hideOnMouseOut       = opts['hideOnMouseOut'];
  this.hideTimeout          = opts['hideTimeout'];
  this.type                 = "Menu";

  this.fontFamily           = opts['fontFamily'];
  this.fontSize             = opts['fontSize'];
  this.fontWeight           = opts['fontWeight'];
  this.fontColor            = opts['fontColor'];
  this.fontColorHilite      = opts['fontColorHilite'];

  this.submenuXOffset        = opts['submenuXOffset'];
  this.submenuYOffset        = opts['submenuYOffset'];
  this.submenuIcon           = opts['submenuIcon'];
  this.submenuRelativeToItem = opts['submenuRelativeToItem'];

  this.items      = new Array();
  this.actions    = new Array();
  this.childMenus = new Array();

  this.addMenuItem      = addMenuItem;
  this.writeMenus       = writeMenus;
  this.showMenu         = showMenu;
  this.onMenuItemOver   = onMenuItemOver;
  this.onMenuItemAction = onMenuItemAction;
  this.hideMenu         = hideMenu;
  this.hideChildMenu    = hideChildMenu;

  if (!window.menus) window.menus = new Array();
  this.label = " " + label;
  window.menus[this.label] = this;
  window.menus[window.menus.length] = this;
  if (!window.activeMenus) window.activeMenus = new Array();
}

function addMenuItem(label, action) {
  this.items[this.items.length] = label;
  this.actions[this.actions.length] = action;
}

function FIND(item) {
  if( window.isOpera ) return(document.getElementById(item));
  if (document.all) return(document.all[item]);
  if (document.getElementById) return(document.getElementById(item));
  return(false);
}

function writeMenus(container) {
  if (window.triedToWriteMenus) return;
  var agt = navigator.userAgent.toLowerCase();
  window.isOpera = agt.indexOf("opera") != -1;
  if (!container && document.layers) {
    window.delayWriteMenus = this.writeMenus;
    var timer = setTimeout('delayWriteMenus()', 500);
    container = new Layer(100);
    clearTimeout(timer);
  } else if (document.all || document.hasChildNodes || window.isOpera) {
    document.writeln('<span id="menuContainer"></span>');
    container = FIND("menuContainer");
  }

  window.hideMenuTimer = null;
  if (!container) return;  
  window.triedToWriteMenus = true; 
  container.isContainer = true;
  container.menus = new Array();
  for (var i=0; i<window.menus.length; i++) 
    container.menus[i] = window.menus[i];
  window.menus.length = 0;
  var countMenus = 0;
  var countItems = 0;
  var top = 0;
  var content = '';
  var lrs = false;
  var theStat = "";
  var tsc = 0;
  if (document.layers) lrs = true;
  for (var i=0; i<container.menus.length; i++, countMenus++) {
    var menu = container.menus[i];
    if (menu.bgImageUp || !menu.menuBgOpaque) {
      menu.menuBorder = 0;
      menu.menuItemBorder = 0;
    }
    if (lrs) {
      var menuLayer = new Layer(100, container);
      var lite = new Layer(100, menuLayer);
      lite.top = menu.menuBorder;
      lite.left = menu.menuBorder;
      var body = new Layer(100, lite);
      body.top = menu.menuBorder;
      body.left = menu.menuBorder;
    } else {
      content += ''+
      '<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' +  menu.menuBorderBgColor + ';">\n'+
      '  <div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
      '   <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
      '';
    }
    var x=i;
    for (var i=0; i<menu.items.length; i++) {
      var item = menu.items[i];
      var childMenu = false;
      var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
      if (item.label) {
        item = item.label;
        childMenu = true;
      }
      menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
      var itemProps = '';
      if( menu.fontFamily != '' ) itemProps += 'font-family:' + menu.fontFamily +';';
      itemProps += 'font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + 'px;';
      if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
      if (document.all || window.isOpera) 
        itemProps += 'font-size:' + menu.fontSize + 'px;" onmouseover="onMenuItemOver(null,this);" onclick="onMenuItemAction(null,this);';
      else if (!document.layers) {
        itemProps += 'font-size:' + menu.fontSize + 'px;';
      }
      var l;
      if (lrs) {
        var lw = menu.menuWidth;
        if( menu.menuItemHAlign == 'right' ) lw -= menu.menuItemPadding;
        l = new Layer(lw,body);
      }
      var itemLeft = 0;
      var itemTop = i*menu.menuItemHeight;
      if( !menu.vertical ) {
        itemLeft = i*menu.menuWidth;
        itemTop = 0;
      }
      var dTag = '<div id="menuItem'+ countItems +'" style="position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
      var dClose = '</div>'
      if (menu.bgImageUp) dTag = '<div id="menuItem'+ countItems +'" style="background:url('+menu.bgImageUp+');position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';

      var left = 0, top = 0, right = 0, bottom = 0;
      left = 1 + menu.menuItemPadding + menu.menuItemIndent;
      right = left + menu.menuWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      if( menu.menuItemVAlign == 'top' ) top = menu.menuItemPadding;
      if( menu.menuItemVAlign == 'bottom' ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
      if( menu.menuItemVAlign == 'middle' ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
      bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
      var textProps = 'position:absolute;left:' + left + 'px;top:' + top + 'px;';
      if (lrs) {
        textProps +=itemProps + 'right:' + right + ';bottom:' + bottom + ';';
        dTag = "";
        dClose = "";
      }
      
      if(document.all && !window.isOpera) {
        item = '<div align="' + menu.menuItemHAlign + '">' + item + '</div>';
      } else if (lrs) {
        item = '<div style="text-align:' + menu.menuItemHAlign + ';">' + item + '</div>';
      } else {
        var hitem = null;
        if( menu.menuItemHAlign != 'left' ) {
          if(window.isOpera) {
            var operaWidth = menu.menuItemHAlign == 'center' ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
            hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:' 
              + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
            item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:' 
              + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
          } else {
            hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:' 
              + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
            item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:' 
              + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
          }
        } else hitem = null;
      }
      if(document.all && !window.isOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;">' + item + '</div>';
      var dText  = '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';">'+ item +'&nbsp</div>\n'
            + '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;">' 
            + (hitem||item) +'&nbsp</div>';
      if (childMenu) content += ( dTag + dText + '<div id="childMenu'+ countItems +'" style="position:absolute;left:0px;top:3px;"><img src="'+ menu.submenuIcon +'"></div>\n' + dClose);
      else content += ( dTag + dText + dClose);
      if (lrs) {
        l.document.open("text/html");
        l.document.writeln(content);
        l.document.close();  
        content = '';
        theStat += "-";
        tsc++;
        if (tsc > 50) {
          tsc = 0;
          theStat = "";
        }
        status = theStat;
      }
      countItems++;  
    }
    if (lrs) {
      var focusItem = new Layer(100, body);
      focusItem.visiblity="hidden";
      focusItem.document.open("text/html");
      focusItem.document.writeln("&nbsp;");
      focusItem.document.close();  
    } else {
      content += '    <div id="focusItem'+ countMenus +'" style="position:absolute;left:0px;top:0px;visibility:hide;" onclick="onMenuItemAction(null,this);">&nbsp;</div>\n';
      content += '   </div>\n  </div>\n</div>\n';
    }
    i=x;
  }
  if (document.layers) {    
    container.clip.width = window.innerWidth;
    container.clip.height = window.innerHeight;
    container.onmouseout = mouseoutMenu;
    container.menuContainerBgColor = this.menuContainerBgColor;
    for (var i=0; i<container.document.layers.length; i++) {
      proto = container.menus[i];
      var menu = container.document.layers[i];
      container.menus[i].menuLayer = menu;
      container.menus[i].menuLayer.Menu = container.menus[i];
      container.menus[i].menuLayer.Menu.container = container;
      var body = menu.document.layers[0].document.layers[0];
      body.clip.width = proto.menuWidth || body.clip.width;
      body.clip.height = proto.menuHeight || body.clip.height;
      for (var n=0; n<body.document.layers.length-1; n++) {
        var l = body.document.layers[n];
        l.Menu = container.menus[i];
        l.menuHiliteBgColor = proto.menuHiliteBgColor;
        l.document.bgColor = proto.menuItemBgColor;
        l.saveColor = proto.menuItemBgColor;
        l.onmouseover = proto.onMenuItemOver;
        l.onclick = proto.onMenuItemAction;
        l.menuAction = container.menus[i].actions[n];
        l.focusItem = body.document.layers[body.document.layers.length-1];
        l.clip.width = proto.menuWidth || body.clip.width;
        l.clip.height = proto.menuItemHeight || l.clip.height;
        if (n>0) {
          if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
          else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
        }
        l.hilite = l.document.layers[1];
        if (proto.bgImageUp) l.background.src = proto.bgImageUp;
        l.document.layers[1].isHilite = true;
        if (l.document.layers.length > 2) {
          l.childMenu = container.menus[i].items[n].menuLayer;
          l.document.layers[2].left = l.clip.width -13;
          l.document.layers[2].top = (l.clip.height / 2) -4;
          l.document.layers[2].clip.left += 3;
          l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
        }
      }
      if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
      if( proto.vertical ) {
        body.clip.width  = l.clip.width +proto.menuBorder;
        body.clip.height = l.top + l.clip.height +proto.menuBorder;
      } else {
        body.clip.height  = l.clip.height +proto.menuBorder;
        body.clip.width = l.left + l.clip.width  +proto.menuBorder;
        if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
      }
      var focusItem = body.document.layers[n];
      focusItem.clip.width = body.clip.width;
      focusItem.Menu = l.Menu;
      focusItem.top = -30;
            focusItem.captureEvents(Event.MOUSEDOWN);
            focusItem.onmousedown = onMenuItemDown;
      if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
      var lite = menu.document.layers[0];
      if( proto.menuBgOpaque ) lite.document.bgColor = proto.menuLiteBgColor;
      lite.clip.width = body.clip.width +1;
      lite.clip.height = body.clip.height +1;
      menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
      menu.clip.height = body.clip.height + (proto.menuBorder * 3);
    }
  } else {
    if ((!document.all) && (container.hasChildNodes) && !window.isOpera) {
      container.innerHTML=content;
    } else {
      container.document.open("text/html");
      container.document.writeln(content);
      container.document.close();  
    }
    if (!FIND("menuLayer0")) return;
    var menuCount = 0;
    for (var x=0; x<container.menus.length; x++) {
      var menuLayer = FIND("menuLayer" + x);
      container.menus[x].menuLayer = "menuLayer" + x;
      menuLayer.Menu = container.menus[x];
      menuLayer.Menu.container = "menuLayer" + x;
      menuLayer.style.zindex = 1;
        var s = menuLayer.style;
      s.pixeltop = -300;
      s.pixelleft = -300;
      s.top = '-300px';
      s.left = '-300px';

      var menu = container.menus[x];
      menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
      if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
      var top = 0;
      var left = 0;
      menu.menuItemLayers = new Array();
      for (var i=0; i<container.menus[x].items.length; i++) {
        var l = FIND("menuItem" + menuCount);
        l.Menu = container.menus[x];
        l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
        if (l.addEventListener || window.isOpera) {
          l.style.width = menu.menuItemWidth + 'px';
          l.style.height = menu.menuItemHeight + 'px';
          l.style.pixelWidth = menu.menuItemWidth;
          l.style.pixelHeight = menu.menuItemHeight;
          l.style.top = top + 'px';
          l.style.left = left + 'px';
          if(l.addEventListener) {
            l.addEventListener("mouseover", onMenuItemOver, false);
            l.addEventListener("click", onMenuItemAction, false);
            l.addEventListener("mouseout", mouseoutMenu, false);
          }
          if( menu.menuItemHAlign != 'left' ) {
            l.hiliteShim = FIND("menuItemHilite" + menuCount + "Shim");
            l.hiliteShim.style.visibility = "inherit";
            l.textShim = FIND("menuItemText" + menuCount + "Shim");
            l.hiliteShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
            l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
            l.textShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
            l.textShim.style.width = l.textShim.style.pixelWidth;  
          }
        } else {
          l.style.pixelWidth = menu.menuItemWidth;
          l.style.pixelHeight = menu.menuItemHeight;
          l.style.pixelTop = top;
          l.style.pixelLeft = left;
          if( menu.menuItemHAlign != 'left' ) {
            var shim = FIND("menuItemShim" + menuCount);
            shim[0].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
            shim[1].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
            shim[0].style.width = shim[0].style.pixelWidth + 'px';
            shim[1].style.width = shim[1].style.pixelWidth + 'px';
          }
        }
        if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
        else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
        l.style.fontSize = menu.fontSize + 'px';
        l.style.backgroundColor = menu.menuItemBgColor;
        l.style.visibility = "inherit";
        l.saveColor = menu.menuItemBgColor;
        l.menuHiliteBgColor = menu.menuHiliteBgColor;
        l.menuAction = container.menus[x].actions[i];
        l.hilite = FIND("menuItemHilite" + menuCount);
        l.focusItem = FIND("focusItem" + x);
        l.focusItem.style.pixelTop = -30;
        l.focusItem.style.top = '-30px';
        var childItem = FIND("childMenu" + menuCount);
        if (childItem) {
          l.childMenu = container.menus[x].items[i].menuLayer;
          childItem.style.pixelLeft = menu.menuItemWidth -11;
          childItem.style.left = childItem.style.pixelLeft + 'px';
          childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
          childItem.style.top = childItem.style.pixelTop + 'px';
          l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
        }
        l.style.cursor = "hand";
        menuCount++;
      }
      if( menu.vertical ) {
        menu.menuHeight = top-1-menu.menuItemSpacing;
        menu.menuWidth = menu.menuItemWidth;
      } else {
        menu.menuHeight = menu.menuItemHeight;
        menu.menuWidth = left-1-menu.menuItemSpacing;
      }

      var lite = FIND("menuLite" + x);
      var s = lite.style;
      s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
      s.height = s.pixelHeight + 'px';
      s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
      s.width = s.pixelWidth + 'px';
      if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;

      var body = FIND("menuFg" + x);
      s = body.style;
      s.pixelHeight = menu.menuHeight + menu.menuBorder;
      s.height = s.pixelHeight + 'px';
      s.pixelWidth = menu.menuWidth + menu.menuBorder;
      s.width = s.pixelWidth + 'px';
      if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;

      s = menuLayer.style;
      s.pixelWidth  = menu.menuWidth + (menu.menuBorder * 4);
      s.width = s.pixelWidth + 'px';
      s.pixelHeight  = menu.menuHeight+(menu.menuBorder*4);
      s.height = s.pixelHeight + 'px';
    }
  }
  if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
  if (document.addEventListener) document.addEventListener("mouseup", onMenuItemOver, false);
  if (document.layers && window.innerWidth) {
    window.onresize = NS4resize;
    window.NS4sIW = window.innerWidth;
    window.NS4sIH = window.innerHeight;
    setTimeout("NS4resize()",500);
  }
  document.onmouseup = mouseupMenu;
  window.wroteMenu = true;
  status = "";
}

function NS4resize() {
  if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
}

function onMenuItemOver(e, l) {
  menuClearTimeout();
  l = l || this;
  a = window.ActiveMenuItem;
  if (document.layers) {
    if (a) {
      a.document.bgColor = a.saveColor;
      if (a.hilite) a.hilite.visibility = "hidden";
      if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
      a.focusItem.top = -100;
      a.clicked = false;
    }
    if (l.hilite) {
      l.document.bgColor = l.menuHiliteBgColor;
      l.zIndex = 1;
      l.hilite.visibility = "inherit";
      l.hilite.zIndex = 2;
      l.document.layers[1].zIndex = 1;
      l.focusItem.zIndex = this.zIndex +2;
    }
    if (l.Menu.bgImageOver) l.background.src = l.Menu.bgImageOver;
    l.focusItem.top = this.top;
    l.focusItem.left = this.left;
    l.focusItem.clip.width = l.clip.width;
    l.focusItem.clip.height = l.clip.height;
    l.Menu.hideChildMenu(l);
  } else if (l.style && l.Menu) {
    if (a) {
      a.style.backgroundColor = a.saveColor;
      if (a.hilite) a.hilite.style.visibility = "hidden";
      if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
      if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";;
    } 
    l.style.backgroundColor = l.menuHiliteBgColor;
    l.zIndex = 1;
    if (l.Menu.bgImageOver) l.style.background = "url(" + l.Menu.bgImageOver +")";
    if (l.hilite) {
      l.hilite.style.visibility = "inherit";
      if( l.hiliteShim ) l.hiliteShim.style.visibility = "visible";
    }
    l.focusItem.style.pixelTop = l.style.pixelTop;
    l.focusItem.style.top = l.focusItem.style.pixelTop + 'px';
    l.focusItem.style.pixelLeft = l.style.pixelLeft;
    l.focusItem.style.left = l.focusItem.style.pixelLeft + 'px';
    l.focusItem.style.zIndex = l.zIndex +1;
    l.Menu.hideChildMenu(l);
  } else return;
  window.ActiveMenuItem = l;
}

function onMenuItemAction(e, l) {
  l = window.ActiveMenuItem;
  if (!l) return;
  hideActiveMenus();
  if (l.menuAction) eval("" + l.menuAction);
  window.ActiveMenuItem = 0;
}

function menuClearTimeout() {
  if (hideMenuTimer) clearTimeout(hideMenuTimer);
  hideMenuTimer = null;
  menuDHFlag = false;
}

function startTimeout() {
  if( window.ActiveMenu ) {
    menuStart = new Date();
    menuDHFlag = true;
    hideMenuTimer = setTimeout("menuDoHide()", window.ActiveMenu.Menu.hideTimeout);
  }
}

// added by LW
function startTimeoutMI() {
  if( window.ActiveMenu ) {
    menuStart = new Date();
    menuDHFlag = true;
	menuDoHideMI();
  }
}

function menuDoHide() {
  if (!menuDHFlag || !window.ActiveMenu) return;
  var elapsed = new Date() - menuStart;
  var timeout = window.ActiveMenu.Menu.hideTimeout;
  if (elapsed < timeout) {
    hideMenuTimer = setTimeout("menuDoHide()", timeout+100-elapsed);
    return;
  }
  menuDHFlag = false;
  hideActiveMenus();
  window.ActiveMenuItem = 0;
}

// added by LW
function menuDoHideMI() {
  if (!menuDHFlag || !window.ActiveMenu) return;
  menuDHFlag = false;
  hideActiveMenusMI();
  window.ActiveMenuItem = 0;
}

function showMenu(menu, imgname, isImage, isChild) {
  if (!window.wroteMenu) return;
  menuClearTimeout();
  if (!isChild) {
    var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
    var x = moveXbySlicePos (menu.menuXOffset, obj);
    var y = moveYbySlicePos (menu.menuYOffset, obj);
    if (isImage) {
      menu.imgname = imgname;
      on(imgname);
    }
  }
  if (document.layers) {
    if (!isChild) {
      var l = menu.menuLayer || menu;
      l.top = l.left = 1;
      hideActiveMenus();
      if (this.visibility) l = this;
      window.ActiveMenu = l;
    } else {
      var l = menu;
    }
    if (!l) return;
    for (var i=0; i<l.layers.length; i++) {          
      if (!l.layers[i].isHilite) l.layers[i].visibility = "inherit";
      if (l.layers[i].document.layers.length > 0) showMenu(l.layers[i], null, null, true);
    }
    if (l.parentLayer) {
      if (x != "relative") l.parentLayer.left = x || window.pageX || 0;
      if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
      if (y != "relative") l.parentLayer.top = y || window.pageY || 0;
      if (l.parentLayer.isContainer) {
        l.Menu.xOffset = window.pageXOffset;
        l.Menu.yOffset = window.pageYOffset;
        l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
        l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
        if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
      }
    }
    l.visibility = "inherit";
    if (l.Menu) l.Menu.container.visibility = "inherit";
  } else if (FIND("menuItem0")) {
    var l = menu.menuLayer || menu;  
    hideActiveMenus();
    if (typeof(l) == "string") l = FIND(l);
    window.ActiveMenu = l;
    var s = l.style;
    s.visibility = "inherit";
    if (x != "relative") {
      s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
      s.left = s.pixelLeft + 'px';
    }
    if (y != "relative") {
      s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
      s.top = s.pixelTop + 'px';
    }
    l.Menu.xOffset = document.body.scrollLeft;
    l.Menu.yOffset = document.body.scrollTop;
  }
  if (!isChild) window.activeMenus[window.activeMenus.length] = l;
  menuClearTimeout();
}

function onMenuItemDown(e, l) {
  var a = window.ActiveMenuItem;
  if (document.layers && a) {
    a.eX = e.pageX;
    a.eY = e.pageY;
    a.clicked = true;
    }
}

function mouseupMenu(e) {
  hideMenu(true, e);
  hideActiveMenus();
  return true;
}

function getExplorerVersion() {
  var ieVers = parseFloat(navigator.appVersion);
  if( navigator.appName != 'Microsoft Internet Explorer' ) return ieVers;
  var tempVers = navigator.appVersion;
  var i = tempVers.indexOf( 'MSIE ' );
  if( i >= 0 ) {
    tempVers = tempVers.substring( i+5 );
    ieVers = parseFloat( tempVers ); 
  }
  return ieVers;
}

function mouseoutMenu() {
  if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))
    return true;
  hideMenu(false, false);
  return true;
}

function hideMenu(mouseup, e) {
  var a = window.ActiveMenuItem;
  if (a && document.layers) {
    a.document.bgColor = a.saveColor;
    a.focusItem.top = -30;
    if (a.hilite) a.hilite.visibility = "hidden";
    if (mouseup && a.menuAction && a.clicked && window.ActiveMenu) {
       if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
        setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 500);
      }
    }
    a.clicked = false;
    if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
  } else if (window.ActiveMenu && FIND("menuItem0")) {
    if (a) {
      a.style.backgroundColor = a.saveColor;
      if (a.hilite) a.hilite.style.visibility = "hidden";
      if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
      if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";
    }
  }
  if (!mouseup && window.ActiveMenu) {
    if (window.ActiveMenu.Menu) {
      if (window.ActiveMenu.Menu.hideOnMouseOut) startTimeout();
      return(true);
    }
  }
  return(true);
}

function hideChildMenu(hcmLayer) {
  menuClearTimeout();
  var l = hcmLayer;
  for (var i=0; i < l.Menu.childMenus.length; i++) {
    var theLayer = l.Menu.childMenus[i];
    if (document.layers) theLayer.visibility = "hidden";
    else {
      theLayer = FIND(theLayer);
      theLayer.style.visibility = "hidden";
      if( theLayer.Menu.menuItemHAlign != 'left' ) {
        for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
          var itemLayer = theLayer.Menu.menuItemLayers[j];
          if(itemLayer.textShim) itemLayer.textShim.style.visibility = "inherit";
        }
      }
    }
    theLayer.Menu.hideChildMenu(theLayer);
  }
  if (l.childMenu) {
    var childMenu = l.childMenu;
    if (document.layers) {
      l.Menu.showMenu(childMenu.layers[0],null,null,true);
      childMenu.zIndex = l.parentLayer.zIndex +1;
      childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
      if( l.Menu.vertical ) {
        if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
        childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
      } else {
        childMenu.top += l.top + l.parentLayer.top;  
        if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
        else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
      }
      if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
      var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
      if (w > l.Menu.container.clip.width)  l.Menu.container.clip.width = w;
      var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
      if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
      l.document.layers[1].zIndex = 0;
      childMenu.visibility = "inherit";
    } else if (FIND("menuItem0")) {
      childMenu = FIND(l.childMenu);
      var menuLayer = FIND(l.Menu.menuLayer);
      var s = childMenu.style;
      s.zIndex = menuLayer.style.zIndex+1;
      if (document.all || window.isOpera) {
        s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
        if( l.Menu.vertical ) {
          if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
          s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
          s.left = s.pixelLeft + 'px';
        } else {
          s.pixelTop += l.style.pixelTop;
          if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
          else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
          s.left = s.pixelLeft + 'px';
        }
      } else {
        var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
        var left = 0;
        if( l.Menu.vertical ) {
          if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
          left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
        } else {
          top += parseInt(l.style.top);
          if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
          else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
        }
        s.top = top + 'px';
        s.left = left + 'px';
      }
      childMenu.style.visibility = "inherit";
    } else return;
    window.activeMenus[window.activeMenus.length] = childMenu;
  }
}

function hideActiveMenus() {
  if (!window.activeMenus) return;
  for (var i=0; i < window.activeMenus.length; i++) {
    if (!activeMenus[i]) continue;
    if (activeMenus[i].visibility && activeMenus[i].Menu && !window.isOpera) {
      activeMenus[i].visibility = "hidden";
      activeMenus[i].Menu.container.visibility = "hidden";
      activeMenus[i].Menu.container.clip.left = 0;
    } else if (activeMenus[i].style) {
      var s = activeMenus[i].style;
      s.visibility = "hidden";
      s.left = '-200px';
      s.top = '-200px';
    }
    var imgname = activeMenus[i].Menu.imgname;
    if (imgname != null && imgname != '') off(imgname);
  }
  if (window.ActiveMenuItem) hideMenu(false, false);
  window.activeMenus.length = 0;
}

// added by LW
function hideActiveMenusMI() {
  if (!window.activeMenus) return;
  for (var i=0; i < window.activeMenus.length; i++) {
    if (!activeMenus[i]) continue;
    if (activeMenus[i].visibility && activeMenus[i].Menu && !window.isOpera) {
      activeMenus[i].visibility = "hidden";
      activeMenus[i].Menu.container.visibility = "hidden";
      activeMenus[i].Menu.container.clip.left = 0;
    } else if (activeMenus[i].style) {
      var s = activeMenus[i].style;
      s.visibility = "hidden";
      s.left = '-200px';
      s.top = '-200px';
    }
    var imgname = activeMenus[i].Menu.imgname;
    if (imgname != null && imgname != '') off(imgname);
  }
  if (window.ActiveMenuItem) hideMenu(false, false);
  window.activeMenus.length = 0;
}

function moveXbySlicePos (x, img) { 
  if (!document.layers) {
    var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
    var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
    var par = img;
    var lastOffset = 0;
    while(par){
      if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
      if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
      if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
      par = macIE45 ? par.parentElement : par.offsetParent;
    }
  } else if (img.x) x += img.x;
  return x;
}

function moveYbySlicePos (y, img) {
  if(!document.layers) {
    var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
    var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
    var par = img;
    var lastOffset = 0;
    while(par){
      if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
      if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
      if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
      par = macIE45 ? par.parentElement : par.offsetParent;
    }    
  } else if (img.y >= 0) y += img.y;
  return y;
}

function loadMenus() {
  if (window.menu1) return;

  var opts = new Array();
  opts['menuWidth']              = 149;
  opts['menuItemHeight']         = 30;
  opts['menuXOffset']            = 0;
  opts['menuYOffset']            = 30;

  opts['bgColor']                = "#FFFFFF";
  opts['menuItemBgColor']        = '#FFFFFF';
  opts['menuContainerBgColor']   = "#FFFFFF";
  opts['menuItemHiliteBgColor']  = '#ECECEC';
  opts['menuLiteBgColor']        = "#FFFFFF";
  opts['menuBorderBgColor']      = "#CCCCCC";
  opts['menuBorder']             = 1;
  opts['menuItemBorder']         = 1;

  opts['menuItemHAlign']         = 'left';
  opts['menuItemVAlign']         = 'middle';
  opts['menuItemPadding']        = 3;
  opts['menuItemSpacing']        = 0;
  opts['menuItemIndent']         = 0;

  opts['fontFamily']             = 'verdana,geneva,arial,helvetica,sans-serif';
  opts['fontSize']               = 11;
  opts['fontWeight']             = 'bold';
  opts['fontColor']              = '#4F585C';
  opts['fontColorHilite']        = '#FF810A';

  opts['menuBgOpaque']           = true;
  opts['vertical']               = true;
  opts['hideOnMouseOut']         = true;
  opts['hideTimeout']            = 250;

  opts['submenuXOffset']         = -opts['menuXOffset'];
  opts['submenuYOffset']         = parseInt(opts['menuItemHeight']/2);
  opts['submenuIcon']            = "/images/arrow_black.gif";
  opts['submenuRelativeToItem']  = true;

  window.menu1 = new Menu(opts, "Company Info");
  menu1.addMenuItem("About Us","location='about_us.htm'");
  menu1.addMenuItem("Advisory Board","location='advisory_board.htm'");

  window.menu2 = new Menu(opts, "Products");
  menu2.addMenuItem("Purchase","location='purchase.htm'");
  menu2.addMenuItem("Press Release","location='press_release.htm'");
  menu2.addMenuItem("Free Trial","location='free_trial.htm'");
  menu2.addMenuItem("Testimonials","location='endorsement.htm'");

  window.menu3 = new Menu(opts, "Support");
  menu3.addMenuItem("FAQs","location='faqs.htm'");
  menu3.addMenuItem("Samples","location='samples.htm'");


  menu3.writeMenus();
}