/*
Menu Bar 1.1 by Toh Zhiqiang
Homepage: http://www.tohzhiqiang.f2s.com/menubar/index.php
Email: webmaster@tohzhiqiang.com

LICENSE AGREEMENT:

THIS SOFTWARE (MENU BAR) IS PROVIDED ON AN "AS-IS" BASIS WITHOUT WARRANTY OF
ANY KIND.

DEVELOPER SPECIFICALLY DISCLAIMS ANY OTHER WARRANTY, EXPRESS OR
IMPLIED, INCLUDING ANY WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR 
PURPOSE. IN NO EVENT SHALL DEVELOPER BE LIABLE FOR ANY CONSEQUENTIAL, INDIRECT, 
SPECIAL OR INCIDENTAL DAMAGES, EVEN WHEN DEVELOPER HAS BEEN ADVISED BY USER OF 
THE POSSIBILITY OF SUCH POTENTIAL LOSS OR DAMAGE. USER AGREES TO HOLD DEVELOPER 
HARMLESS FROM AND AGAINST ANY AND ALL CLAIMS, LOSSES, LIABILITIES AND EXPENSES.

YOU ARE FREE TO MODIFY THE SOURCE CODE OF THIS SOFTWARE IN ANYWAY YOU LIKE. 
HOWEVER, UNDER NO CIRCUMSTANCES SHOULD YOU CLAIM YOURSELF TO BE THE ORIGINAL 
CREATOR OF THIS SOFTWARE.
*/

var widthMax;
var heightMax;
var xCoor;
var yCoor;
var sWidth;
var sHeight;
var xScroll;
var widthScroll;

var menu = new Array;
var divId = new Array;

function menuItem()
{
  this.item = arguments[0];
  this.hasSubMenu = arguments[1];
  this.level = arguments[2];
  this.subMenuFront = arguments[3];
  this.subMenuBack = arguments[4];
  this.subMenuOffset = arguments[5];
}

function findMenuLevel(parentId)
{
  for (i = 0; i < divId.length; i = i + 2)
    {
      if (divId[i] == (parentId + "Front"))
        {
          return divId[i + 1];
          break;
        }
    }
}

function createMenu(menuId, menuWidth, level)
{
  var frontLayer = document.createElement("DIV");
  with (frontLayer)
    {
      id = menuId + "Front";
      className = "menuFront";
      with (style)
        {
          posWidth = menuWidth;
          posHeight = 3;
          backgroundColor = outBgCr;
          visibility = "hidden";
        }
    }
  document.body.appendChild(frontLayer);
  var backLayer = document.createElement("DIV");
  with (backLayer)
    {
      id = menuId + "Back";
      className = "menuBack";
      with (style)
        {
          posWidth = menuWidth + 2;
          posHeight = 5;
          backgroundColor = outBgCr;          
          visibility = "hidden";
        }        
    }
  document.body.appendChild(backLayer);
  divId[divId.length] = menuId + "Front";
  divId[divId.length] = level;
  divId[divId.length] = menuId + "Back";
  divId[divId.length] = level;
}

function createItem(itemId, displayText, parentId, pageSrc, pageTarget, hasSubMenu)
{
  var menuFront = document.getElementById(parentId + "Front");
  var menuBack = document.getElementById(parentId + "Back");
  var level = findMenuLevel(parentId);
  var subMenuFront = "";
  var subMenuBack = "";
  var subMenuOffset = -1;
  var itemLayer = document.createElement("DIV");  
  with (itemLayer)
    {
      onmouseover = over;
      onmouseout = out;
      onclick = goToLink;
      id = itemId;
      className = "item";
      if (hasSubMenu)
        {
          pageSrc = "";
          innerHTML = displayText;
          var sepLayer = document.createElement("DIV");
          with (sepLayer)
            {
              className = "arrow";
              innerHTML = "4";
              with (style)
                {
                  left = menuFront.style.posWidth - 20;
                }                 
              itemLayer.appendChild(sepLayer);
            }
        }
      else
        {
          innerHTML = displayText;        
        }
      with (style)
        {
          posTop = menuFront.style.posHeight - 3;
          posWidth = menuFront.style.posWidth - 4;
          fontFamily = itemFont;
          color = outCr;
          if (hasSubMenu)
            {
              subMenuOffset =  menuFront.style.posHeight - 3;
            }
        }
    }
  menuFront.appendChild(itemLayer);
  menuFront.style.posHeight += itemLayer.clientHeight;
  menuBack.style.posHeight += itemLayer.clientHeight;
  itemLayer.url = pageSrc;  
  if (pageTarget == "")
    {
      pageTarget = "_top"
    }
  itemLayer.target = pageTarget;
  menu[menu.length] = new menuItem(itemId, hasSubMenu, level, subMenuFront, subMenuBack, subMenuOffset);  
}

function createSep(parentId)
{
  var menuFront = document.getElementById(parentId + "Front");
  var menuBack = document.getElementById(parentId + "Back");
  var sepLayer = document.createElement("DIV");
  with (sepLayer)
    {
      className = "itemSep";
      innerHTML = "<hr size=\"1\" class=\"sep\" align=\"center\">";
      with (style)
        {
          posTop = menuFront.style.posHeight;
          posWidth = menuFront.style.posWidth - 4;
        }
    }
  menuFront.appendChild(sepLayer);
  menuFront.style.posHeight += sepLayer.clientHeight;
  menuBack.style.posHeight += sepLayer.clientHeight;
}

function linkSubMenu(itemId, subMenuId)
{
  for (i = 0; i < menu.length; i++)
    {
      if (menu[i].item == itemId)
        {
          menu[i].subMenuFront = subMenuId + "Front";
          menu[i].subMenuBack = subMenuId + "Back";
          break;
        }
    }
}

function hideMenus(canHide)
{
  var srcClassName = window.event.srcElement.className;
  if (((buttonDown) && (srcClassName != "barItem") && (srcClassName != "barItemOver") && (srcClassName != "barItemClick")) || (canHide))
    {
      if ((srcClassName != "barItem") && (srcClassName != "barItemOver") && (srcClassName != "barItemClick"))
        {
          buttonDown = false;
        }
      for (i = 0; i < divId.length; i = i + 2)
        {
          var menuLayer = document.getElementById(divId[i]);
          menuLayer.style.visibility = "hidden";
        }
    }
}

function popUpSubPos(xCoor, yCoor, subMenuFront, subMenuBack, layerId)
{ 
  var menuFront = document.getElementById(layerId + "Front");
  var menuBack = document.getElementById(layerId + "Back");
  widthMax = document.body.clientWidth;
  heightMax = document.body.clientHeight;
  sWidth = subMenuFront.style.posWidth;
  sHeight = subMenuFront.style.posHeight;
  xScroll = document.body.scrollTop;
  widthScroll = document.body.offsetWidth - document.body.clientWidth;
  xWidth = xCoor + sWidth;
  yHeight = yCoor + sHeight;

  if (subMenuFront.style.visibility == "hidden")
    {
      if ((yHeight - xScroll) < (heightMax - 1))
        {
          subMenuFront.style.posTop = yCoor;
          subMenuBack.style.posTop = yCoor;
        }
      else
        {
          subMenuFront.style.posTop = yCoor - sHeight + 15;
          subMenuBack.style.posTop = yCoor - sHeight + 15;
        }

      if (xWidth < widthMax - 1)
        {
          subMenuFront.style.posLeft = xCoor;
          subMenuBack.style.posLeft = xCoor;
        }
      else
        {
          subMenuFront.style.posLeft = xCoor - menuFront.style.posWidth - subMenuFront.style.posWidth + 5;
          subMenuBack.style.posLeft = xCoor - menuFront.style.posWidth - subMenuFront.style.posWidth + 5;
        }
    }
}

function checkElement(itemId)
{
  if (itemId.className == "arrow")
    {
      return itemId.parentElement;
    }
  else
    {
      return itemId;
    }
 }

function findLayerId(frontId)
{
  index = frontId.indexOf("Front");
  return (frontId.substring(0, index));
}
 
function over()
{
  var itemId = event.srcElement;
  itemId = checkElement(itemId);
  var menuFront = itemId.parentElement;
  var layerId = findLayerId(menuFront.id);
  var xCoor = menuFront.style.posLeft + itemId.style.posWidth;
  var yCoor = menuFront.style.posTop;
  itemId.style.backgroundColor = overBgCr;
  itemId.style.color = overCr;
  for (i = 0; i < menu.length; i++)
    {      
      if (itemId == document.getElementById(menu[i].item))
        {        
          for (j = 0; j < divId.length; j = j + 2)
            {             
              if ((menu[i].level) < divId[j + 1])
                {
                  var subMenu = document.getElementById(divId[j]);
                  subMenu.style.visibility = "hidden";
                }
            }
          if (menu[i].hasSubMenu)
            {
              var subMenuFront = document.getElementById(menu[i].subMenuFront);
              var subMenuBack = document.getElementById(menu[i].subMenuBack);
              subMenuFront.style.zIndex = menu[i].level + 12;
              subMenuBack.style.zIndex = menu[i].level + 11;
              popUpSubPos(xCoor, yCoor + menu[i].subMenuOffset, subMenuFront, subMenuBack, layerId);
              subMenuFront.style.visibility = "visible";
              subMenuBack.style.visibility = "visible";                              
            }
          break;
        }        
    }
}

function out()
{
  var itemId = event.srcElement;
  itemId = checkElement(itemId);  
  itemId.style.backgroundColor = outBgCr;
  itemId.style.color = outCr;
}

function goToLink()
{
  var itemId = event.srcElement;
  var baseObj = document.all.tags("BASE");
  baseObj.target = itemId.target;
  if (itemId.url != "")
    {
      window.open(itemId.url, baseObj.target);
    }
}

var buttonDown = false;
var menuLeft = 5;
var menuTop = 21;
var bar = new Array; 

function barItem()
{
  this.item = arguments[0];
  this.mainMenu = arguments[1];
  this.posLeft = arguments[2];
}

function resizeBar(barId)
{
  var menuBar = document.getElementById(barId);
  menuBar.style.posWidth = document.body.clientWidth;
}  

function showMainMenu(barItemId)
{
  for (i = 0; i < bar.length; i++)
    {
      if (barItemId == bar[i].item)
        {
          var mainMenuId = bar[i].mainMenu;
          var menuFront = document.getElementById(mainMenuId + "Front");
          var menuBack = document.getElementById(mainMenuId + "Back");
          menuFront.style.visibility = "visible";       
          menuBack.style.visibility = "visible";
          break;
        }
    }
}

function barItemOver()
{
  var barItemId = event.srcElement;
  if (buttonDown)
    {
      barItemId.className = "barItemClick";
      hideMenus(true);
      showMainMenu(barItemId.id);
    }
  else
    {
      barItemId.className = "barItemOver";
    }
}

function barItemOut()
{
  var barItemId = event.srcElement;
  barItemId.className = "barItem";
}

function barItemClick()
{
  var barItemId = event.srcElement;
  if (barItemId.className == "barItemOver")
    {
      barItemId.className = "barItemClick";
      showMainMenu(barItemId.id);
    }
  else
    if (barItemId.className == "barItemClick")
      {
        barItemId.className = "barItemOver";
        hideMenus(true);
      }
  buttonDown = !buttonDown;
}

function createBarItem(barItemId, displayText, barId)
{
  var menuBar = document.getElementById(barId);
  var barItemLayer = document.createElement("SPAN");
  with (barItemLayer)
    {
      onmouseover = barItemOver;
      onmouseout = barItemOut;
      onclick = barItemClick;
      id = barItemId;
      className = "barItem";
      with (style)
        {
          innerHTML = displayText;
          posHeight = 0; 
        }
    }
  menuBar.appendChild(barItemLayer);
  bar[bar.length] = new barItem(barItemId, "", menuLeft);
  menuLeft = menuLeft + barItemLayer.clientWidth;
}

function createBar(barId)
{
 var menuBar = document.createElement("DIV");
 widthMax = document.body.clientWidth;
  with (menuBar)
    {
      id = barId;
      className = "menuBar";
      with (style)
        {
          posWidth = widthMax;
          backgroundColor = barBgCr;
          color = barItemCr;
          fontFamily = barItemFont;
          zIndex = 5;
        }
    }
  document.body.appendChild(menuBar);
  window.onresize = function()
                    {
                      resizeBar(barId);
                    }  
}

function linkMainMenu(barItemId, mainMenuId)
{
  for (i = 0; i < bar.length; i++)
    {
      if (barItemId == bar[i].item)
        {
          bar[i].mainMenu = mainMenuId;
          var menuFront = document.getElementById(mainMenuId + "Front");
          var menuBack = document.getElementById(mainMenuId + "Back");
          menuFront.style.posLeft = bar[i].posLeft;
          menuFront.style.posTop = menuTop;       
          menuBack.style.posLeft = bar[i].posLeft;
          menuBack.style.posTop = menuTop;
          break;
        }
    }
}

function correctBrowser()
{
  correctIE = (navigator.appVersion.indexOf("MSIE 5") || navigator.appVersion.indexOf("MSIE 5.5"));
  correctNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 5));
  return (correctIE || correctNS)
}

if (correctBrowser())
  {
    document.onclick = hideMenus;
  }