﻿var MenuIDs=["menu"] //Enter id(s) of SuckerTree UL menus, separated by commas

function renderSubMenus()
{
    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";
                }
            ulTags[t].parentNode.onmouseout = function()
            {
                this.getElementsByTagName("ul")[0].style.visibility = "hidden";
            }
        }
    }
}

if (window.addEventListener)
{
    window.addEventListener("load", renderSubMenus, false);
}
else if (window.attachEvent)
{
    window.attachEvent("onload", renderSubMenus);
}

