/*
Left Click 1.2 by Toh Zhiqiang
Homepage: http://www.tohzhiqiang.f2s.com/leftclick/index.php
Email: webmaster@tohzhiqiang.com
// Courtesy of SimplytheBest.net (http://simplythebest.net/info/dhtml_scripts.html)
LICENSE AGREEMENT:
THIS SOFTWARE (LEFT CLICK) 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 rightClick()
{
  document.oncontextmenu = show;
  document.onclick = hideMenus;
}

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()
{
  for (i = 0; i < divId.length; i = i + 2)
    {
      var menuLayer = document.getElementById(divId[i]);
      menuLayer.style.visibility = "hidden";
    }
}

function popUpPos()
{
  var menuFront = document.getElementById(divId[0]);
  var menuBack = document.getElementById(divId[2]);
  widthMax = document.body.clientWidth;
  heightMax = document.body.clientHeight;
  xCoor = window.event.x;
  yCoor = window.event.y;
  sWidth = menuFront.style.posWidth;
  sHeight = menuFront.style.posHeight;
  xScroll = document.body.scrollTop;
  widthScroll = document.body.offsetWidth - widthMax;
  xWidth = xCoor + sWidth;
  yHeight = yCoor + sHeight;

  if (menuFront.style.visibility == "hidden")
    {
      if (yHeight < (heightMax - 1))
        {
          menuFront.style.posTop = yCoor + xScroll;
          menuBack.style.posTop = yCoor + xScroll;
        }
      else
        {
          if (yCoor < sHeight)
            {
              menuFront.style.posTop = xScroll;
              menuBack.style.posTop = xScroll;            
            }
          else
            {
              menuFront.style.posTop = yCoor - sHeight + xScroll - 2;
              menuBack.style.posTop = yCoor - sHeight + xScroll - 2;
              if ((menuFront.style.posTop + menuFront.style.posHeight - xScroll + 2) > heightMax)
                {
                  menuFront.style.posTop = heightMax - menuFront.style.posHeight + xScroll - 2;
                  menuBack.style.posTop = heightMax - menuFront.style.posHeight + xScroll - 2;
                }
            }
        }

      if (xWidth < widthMax - 1)
        {
          menuFront.style.posLeft = xCoor;
          menuBack.style.posLeft = xCoor;
        }
      else
        {
          if (xCoor == (widthMax + 1))
            {
              menuFront.style.posLeft = xCoor - sWidth - 3;
              menuBack.style.posLeft = xCoor - sWidth - 3;
            }
          else
            {
              if (widthMax < xCoor)
                {
                  menuFront.style.posLeft = xCoor - sWidth - widthScroll - 1;
                  menuBack.style.posLeft = xCoor - sWidth - widthScroll - 1;
                }
              else
                {
                  menuFront.style.posLeft = xCoor - sWidth - 2;
                  menuBack.style.posLeft = xCoor - sWidth - 2;
                }
            }
        }
    }
}

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 show()
{
  var source = window.event.srcElement.tagName;
  var menuFront = document.getElementById(divId[0]);
  var menuBack = document.getElementById(divId[2]);
  if (menuFront.style.visibility == "hidden")
    {
      if (source != "A" && source != "IMG" && source != "INPUT" && source != "SELECT" && source != "TEXTAREA")
        {
          popUpPos();
          menuFront.style.visibility = "visible";
          menuBack.style.visibility = "visible";
          return false;
        }
    }
  else
    {
      hideMenus();
    }
}

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);
    }
}

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.onload = hideMenus;
    document.onclick = show;
  }