/*******************************************************************************
    Horizontal drop down menu                                                
    $Rev: 208 $   $Id: menu.js 208 2006-07-30 13:40:04Z hanjy $                                                           
    Copyright(C) 2001, 2006 Han-soft Software. All rights reserved.          
*******************************************************************************/

/* CSS for horizontal drop down menu ===========================================

.mainmenu {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    font-weight: bold;
    color: #4A5966;
    border-width: 2px 6px 2px 6px;
    border-color: #E3E8EC;
    border-style: solid;
    line-height: 16px;
    display:inline;
    text-decoration: none;
    color: #4A5966;
}

a.mainmenu:link {
    color: #4A5966
}

a.mainmenu:visited {
    color: #4A5966
}

#dropmenudiv {
    font-size: 10px;
    font-family: Verdana, Arial,sans-serif;
    font-weight: 400;
    line-height:12px;
  position: absolute;
    background-color: #E3E8EC;
    border:0px solid #4A5966;
    border-width: 0px 1px 1px 1px;
    z-index:100
}

#dropmenudiv a{
  width: -2px;
    display: block;
    text-indent: 3px;
    margin: 0px 0px 0px 0px;
    border-color: #E3E8EC;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    padding: 0px -2px 0px 0px;
}

#dropmenudiv a:link {
  background-color: #E3E8EC;
    text-decoration: none;
    color: #4A5966;
}

#dropmenudiv a:visited {
  background-color: #E3E8EC;
    text-decoration: none;
    color: #4A5966;}

#dropmenudiv a:hover {
  background-color: #4A5966;
    border-color: #4A5966;
    text-decoration: underline;
    color: #FF9900;
}


// Menu defination =============================================================

var mainmenus = new Array(
    'Product', 
    'Downloads', 
    'Documents', 
    'Supports',  
    'Links'
  );

var mainlinks = new Array(
    'index.php', 
    'downloads.php', 
    'usages.php',
    'message.php', 
    'links.php');

var submenus = new Array(
    ['UninsHs'],
    ['Downloads'],
    ['Usages', 'Translate', 'FAQs'],
    ['Send Message', 'Contact Us', 'Guest Book'],
    ['Links']
  );

var sublinks = new Array(
    ['uninshs.php'],
    ['download.php'],
    ['usages.php', 'translate.php', 'faqs.php'],
    ['message.php', 'contact.php', 'guestbook.php'],
    ['links.php']
  );

var submenuvisable = new Array(false, false, true, true, false);
    
var separator = ' ';  //' | ';

var submenuwidth = new Array('59px', '76px', '77px', '92px', '98px');

var submenuleftoffset = 0;
var submenutopoffset = 17;

var submenuleft = new Array(0, 0, 0, 0, 0);

var normal_color = '#4A5966';
var normal_bgcolor = "#E3E8EC";
var hover_color = '#FF9900';
var hover_bgcolor = '#4A5966';
var select_color = '#E3E8EC';
var select_bgcolor = '#4A5966';

*/

// No further editting needed ==================================================

var url_base;

var disappeardelay = 250;     //menu disappear speed onMouseout (in miliseconds)

var ie4 = document.all;
var ns6 = document.getElementById && !document.all;

if (ie4 || ns6)
  document.write('<div id="dropmenudiv" align="left" '+
    'style="visibility:hidden;width: 165px" ' +
    'onMouseover="clearhidemenu();highlightmain(this.mainobj,1);" ' +
    'onMouseout="dynamichide(event);"></div>');

function getposOffset(what, offsettype)
{
  var totaloffset = (offsettype == "left") ? what.offsetLeft : what.offsetTop;
  var parentEl = what.offsetParent;
  while (parentEl != null)
  {
    totaloffset = (offsettype == "left") ? totaloffset +
      parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl = parentEl.offsetParent;
  }
  return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth)
{
  if (ie4 || ns6)
    dropmenuobj.style.left = dropmenuobj.style.top = -500;
  dropmenuobj.widthobj=dropmenuobj.style;
  dropmenuobj.widthobj.width=menuwidth;
  if (e.type=="click" && obj.visibility == hidden || e.type == "mouseover")
    obj.visibility = visible;
  else if (e.type == "click")
    obj.visibility = hidden;
}

function populatemenu(what)
{
  if (ie4 || ns6)
    dropmenuobj.innerHTML = what.join("");
}

function dropdownmenu(obj, e, menucontents, menuwidth, menuleft, menuvisable)
{
  if (menuvisable)
  {
    if (window.event)
      event.cancelBubble = true;
    else
      if (e.stopPropagation) e.stopPropagation();

    clearhidemenu();

    if (typeof dropmenuobj != "undefined")
      highlightmain(dropmenuobj.mainobj, 0);

    dropmenuobj =
      document.getElementById ?
        document.getElementById("dropmenudiv") : dropmenudiv;
    populatemenu(menucontents);

    if (ie4 || ns6)
    {
      showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
      dropmenuobj.x = getposOffset(obj, "left");
      dropmenuobj.y = getposOffset(obj, "top");
      dropmenuobj.style.left = dropmenuobj.x + submenuleftoffset + "px";
      dropmenuobj.style.top = dropmenuobj.y + submenutopoffset + "px";
      if (menuleft != 0)
        dropmenuobj.style.left =
          dropmenuobj.x + submenuleftoffset - menuleft + "px";
    }
        dropmenuobj.mainobj = obj;
  }
  else
    hidemenu();
 
  return clickreturnvalue();
}

function clickreturnvalue()
{
  if (ie4 || ns6) return false; else return true;
}

function contains_ns6(a, b)
{
  while (b.parentNode) if ((b = b.parentNode) == a) return true;
  return false;
}

function dynamichide(e)
{
  if (ie4 && !dropmenuobj.contains(e.toElement))
    delayhidemenu();
  else
    if (ns6 && e.currentTarget !=
      e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))
      delayhidemenu();
}

function hidemenu(e)
{
  if (typeof dropmenuobj != "undefined")
  {
    if (ie4 || ns6)
      dropmenuobj.style.visibility = "hidden";
    highlightmain(dropmenuobj.mainobj, 0)
  }
}

function delayhidemenu()
{
  if (ie4 || ns6)
    delayhide = setTimeout("hidemenu()", disappeardelay);
}

function clearhidemenu()
{
  if (typeof delayhide != "undefined")
    clearTimeout(delayhide);
}

function highlightmain(obj, state) 
{
  if (typeof obj != "undefined")
    switch (state)  {
      case 0:  // Normal
        obj.style.color = normal_color;
        obj.style.backgroundColor = normal_bgcolor;
        obj.style.borderColor = normal_bgcolor;
        obj.style.textDecoration = "none";
        break;
      case 1:  // Mouse over sub-menu
        obj.style.color = select_color;
        obj.style.backgroundColor = select_bgcolor;
        obj.style.borderColor = select_bgcolor;
        obj.style.textDecoration = "none";
        break;
      case 2:  // Mouse over it
        obj.style.color = hover_color;
        obj.style.backgroundColor = hover_bgcolor;
        obj.style.borderColor = hover_bgcolor;
        obj.style.textDecoration = "underline";
        break;
    }
}

// Main ========================================================================

var submenu = new Array;

if (url_base == undefined) {
  var urlParts = document.URL.split('?');
  urlParts=urlParts[0].split("://");
  if (urlParts[1]) var uri = urlParts[1]
  else var uri = urlParts[0];
  var urlParts = uri.split("/");
  url_base = "/";
  for (var i = 1; i < urlParts.length - 1; i++)
    url_base = url_base + urlParts[i] + '/';
}


for (var i=0; i < mainmenus.length; i++)
{
  submenu[i] = new Array;

  for (var j=0; j < submenus[i].length; j++)
  {
    submenu[i][j] = '<a href="' + url_base + sublinks[i][j] + '">' +
      submenus[i][j] + '</a>';
  }

  document.write(separator + '<a href="' + url_base + mainlinks[i] +
    '" class="mainmenu" onMouseover="dropdownmenu(this, event, submenu[' + i +
    '], submenuwidth[' + i + '], submenuleft[' + i +
    '], submenuvisable[' + i + ']);highlightmain(this, 2);" ' +
    'onMouseout="delayhidemenu();highlightmain(this, 0);">' + mainmenus[i] +
    '</a>');
}