//SuckerTree Horizontal Menu (Sept 14th, 06)

//By Dynamic Drive: http://www.dynamicdrive.com/style/



var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas



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"

	

    }

    ultags[t].parentNode.onmouseout=function(){

    this.getElementsByTagName("ul")[0].style.visibility="hidden"

	

    }

    }

  }

}



if (window.addEventListener)

window.addEventListener("load", buildsubmenus_horizontal, false)

else if (window.attachEvent)

window.attachEvent("onload", buildsubmenus_horizontal)







function colors_over(main_id){



document.getElementById(main_id).style.backgroundColor='#FFFFFF';

document.getElementById(main_id).style.color='#5c5c5c';

document.getElementById(main_id).style.borderLeft='#9e9e9e 1px solid';

document.getElementById(main_id).style.borderRight='#9e9e9e 1px solid';

/*border-top:#ffffff 1px solid;*/

document.getElementById(main_id).style.borderBottom='#ffffff 1px solid';



//document.getElementById(main_id).style.zIndex='50000';

document.getElementById(main_id).style.height='22px';





}



function colors_out(main_id){



document.getElementById(main_id).style.backgroundColor='#dfdfdf';

document.getElementById(main_id).style.color='#2283c1';

document.getElementById(main_id).style.borderLeft='#dfdfdf 1px solid';

document.getElementById(main_id).style.borderRight='#dfdfdf 1px solid';

/*border-top:#ffffff 1px solid;*/

document.getElementById(main_id).style.borderBottom='#dfdfdf 1px solid';



//document.getElementById(main_id).style.zIndex='1';

document.getElementById(main_id).style.height='22px';



}