var menuids=["suckertree1", "suckertree2", "suckertree3"]
function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
  var oltags=document.getElementById(menuids[i]).getElementsByTagName("ol")
    for (var t=0; t<oltags.length; t++){
    oltags[t].parentNode.getElementsByTagName("li")[0].className="subfolderstyle"
		if (oltags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
			oltags[t].style.left=oltags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
		else //else if this is a sub level submenu (ol)
		  oltags[t].style.left=oltags[t-1].getElementsByTagName("li")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    oltags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ol")[0].style.display="block"
    }
    oltags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ol")[0].style.display="none"
    }
    }
		for (var t=oltags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
		oltags[t].style.visibility="visible"
		oltags[t].style.display="none"
		}
  }

}