// JavaScript Document
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title    : Global Style Sheet, Powershares ETNs
Author   : Vijay, e-Tech team
Verified : 
URL      : #

Description : Top Navigation Sub menu Scripting

Created  : 15 April 2010
Modified : 15 April 2010

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

var menuids=["topNav"] 

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
		}
		else{ //else if this is a sub level menu (ul)
			ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    		ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
			
		}
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.visibility="visible"
    this.getElementsByTagName("ul")[1].className="subfoldericonwdh"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
    }
  }
}

/*
			for(i=0; i<=10; i++)
			{
    			ultags[1].parentNode.getElementsByTagName("a")[i].className="subfoldericonwdh";
			}
*/
if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)