﻿//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["nav"]; //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus()
{
	for (var i=0; i<menuids.length; i++)
	{
		var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul");
		for (var t=0; t < ultags.length; t++)
		{
			ultags[t].parentNode.getElementsByTagName("a")[0].className = "submenu";
			
			if (ultags[t].parentNode.parentNode.id == menuids[i]) //if this is a first level submenu
			{
				var litags = ultags[t].childNodes;
				for (var i = 0; i < litags.length; i++)
				{
					if (litags[i].tagName == "LI")
					{
						//alert(litags[i].innerHTML);
						//litags[i].style.left = (ultags[t].parentNode.offsetWidth - 200) + "px"; //dynamically position first level submenus to be width of main menu item
						//litags[i].style.zIndex = ultags[t].parentNode.style.zIndex + 1;
						//alert(litags[i].style.zIndex);
					}
				}
				ultags[t].style.left = (ultags[t].parentNode.offsetWidth - 0) + "px"; //dynamically position first level submenus to be width of main menu item
				//ultags[t].style.zIndex = ultags[t].parentNode.style.zIndex + 1;
			}
			else //else if this is a sub level submenu (ul)
			{
				//alert(0);
			  	ultags[t].style.left = (ultags[t-1].getElementsByTagName("a")[0].offsetWidth - 0) + "px"; //position menu to the right of menu item that activated it
				ultags[t].style.zIndex = ultags[t-1].getElementsByTagName("a")[0].style.zIndex + 1; 
			}
			  
			ultags[t].parentNode.onmouseover=function()
			{
				this.getElementsByTagName("ul")[0].style.display="block";
			}
			
			ultags[t].parentNode.onmouseout=function()
			{
				this.getElementsByTagName("ul")[0].style.display="none";
			}
		}
		
		for (var t=ultags.length-1; t>-1; t--)
		{ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
			ultags[t].style.visibility = "visible";
			ultags[t].style.display = "none";
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", buildsubmenus, false);
else if (window.attachEvent)
	window.attachEvent("onload", buildsubmenus);
