var ULMenuAboutServc = '\
<ul class="MenuHorizontal Level1" id="nav">\
	<li><img src="images/menu/nav_spacer.gif"  alt="" border="0"/></li>\
	<li><a href="/content/products/products.htm"><img src="images/menu/nav_products.gif"  alt="" border="0"/></a></li>\
	<li><img src="images/menu/nav_spacer.gif"  alt="" border="0"/></li>\
	<li><div id="menuItemAbout"><img src="images/menu/nav_press.gif"  alt="" border="0"/></div>\
		<ul class="MenuVertical Level2">\
			<li><a href="/content/design/design_retail.htm"><img src="images/menu/subnav_thinkdesign.gif"  alt="" border="0"/></a></li>\
			<li><a href="/content/marketing/marketing_magazine.htm"><img src="images/menu/subnav_thinkmarketing.gif"  alt="" border="0"/></a></li>\
			<li><a href="/content/web/web_social.htm"><img src="images/menu/subnav_thinkweb.gif"  alt="" border="0"/></a></li>\
		</ul>\
	</li>\
	<li><img src="images/menu/nav_spacer.gif"  alt="" border="0"/></li>\
	<li><a href="/content/products/stores.htm"><img src="images/menu/nav_stores.gif"  alt="" border="0"/></a></li>\
	<li><img src="images/menu/nav_spacer.gif"  alt="" border="0"/></li>\
	<li><a href="/content/contact/contact.htm"><img src="images/menu/nav_contact.gif"  alt="" border="0"/></a></li>\
	<li><img src="images/menu/nav_spacer.gif"  alt="" border="0"/></li>\
</ul>\
'

// -------------
startList = function()
  {
  var node = document.getElementById("nav");
  AssignMenuEvents(node) ;
  }

function AssignMenuEvents(pObject)
  {
  if(!pObject) return;
  var node ;
  var vPreviousIndex ;
  
  for (i=0; i < pObject.childNodes.length; i++)
    {
    node = pObject.childNodes[i];

    if (node.tagName == "LI")
      {
      if (document.all && document.getElementById)
        {
        var divContent = document.getElementById("content");
        if (divContent) 
        {
			divContent.style.zIndex = -10;
		}
        node.onmouseover=function()
                           {
 							var ifrm = document.getElementById("DivShim");
							if (ifrm) ifrm.style.visibility = "visible";
							//alert(ifrm.style.visibility)
                          if (this.className != "Seperator") // Added by N
								this.className+=" over";
							//if (divContent) divContent.style.visibility = "hidden";
							//alert([this.tagName, this.innerHTML, this.className,this.width,this.style.visibility,this.style.position,this.top,this.style.left,this.style.width,this.style.height]);
                           }

        node.onmouseout=function()
                           {
                           this.className=this.className.replace(" over", "");
							if (divContent) 
							divContent.style.visibility = "visible";
                           }
        node.onclick   = MenuClickHandlerIE;
        }
      else
        {
      node.addEventListener("click", MenuClickHandlerMoz, false);
        }
      }

    if (node.childNodes.length > 0)
      {
      vPreviousIndex = i ;
      AssignMenuEvents(node);
      i = vPreviousIndex ;
      }
    }
  }

function MenuClickHandlerIE()
  {
  var node ;
  var vFoundAction = false ;
  pNode = event.srcElement ;
  
  for (i=0; i < pNode.childNodes.length; i++)
    {
    node = pNode.childNodes[i];

    if (node.tagName == "A")
      {
      vFoundAction = true ;
      
      if (node.click)
        {
        node.click();
        }
      else
        {
        window.location.replace(node.href);
        }
      }
    if (vFoundAction)
      {
      break ;
      }
    }
  event.cancelBubble  = true ;
  }


function MenuClickHandlerMoz(e)
  {
  var node ;
  var vFoundAction = false ;
  pNode = e.target  ;
  
  for (i=0; i < pNode.childNodes.length; i++)
    {
    node = pNode.childNodes[i];

    if (node.tagName == "A")
      {
      vFoundAction = true ;
      
      if (node.onclick)
        {
        node.onclick();
        }
      else
        {
        window.location.replace(node.href);
        }
      }
    if (vFoundAction)
      {
      break ;
      }
    }
  e.cancelBubble  = true ;
  }

window.onload=startList;

