// JavaScript Document

	// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. 
	// but you can experiment with effect on loadtime.
	if (TransMenu.isSupported()) {

		//==================================================================================================
		// create a set of dropdowns
		//==================================================================================================
		// the first param should always be down, as it is here
		//
		// The second and third param are the top and left offset positions of the menus from their actuators
		// respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
		// something like -5, 5
		//
		// The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
		// of the actuator from which to measure the offset positions above. Here we are saying we want the 
		// menu to appear directly below the bottom left corner of the actuator
		//==================================================================================================
		var ms = new TransMenuSet(TransMenu.direction.down, 1, 0, TransMenu.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================
 		var menu1 = ms.addMenu(document.getElementById("about"));
		menu1.addItem("<font face=sans-serif size=1 color=#003333 ><b>About</b></font>", "about.php");
		menu1.addItem("<font face=sans-serif size=1 color=#003333 ><b>Management</b></font>", "");
		menu1.addItem("<font face=sans-serif size=1 color=#003333 ><b>Press Kit</b></font>", "about.php?node=presskit");
		menu1.addItem("<font face=sans-serif size=1 color=#003333 ><b>Contact Us</b></font>", "about.php?node=contact");

		var submenu11 = menu1.addMenu(menu1.items[1]);
		submenu11.addItem("<font face=sans-serif size=1 color=#003333 ><b>Corporate Governance</b></font>", "about.php?node=corpgov");
		submenu11.addItem("<font face=sans-serif size=1 color=#003333 ><b>Bylaws</b></font>", "about.php?node=bylaws");

		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("membership"));
		menu2.addItem("<font face=sans-serif size=1 color=#003333 ><b>Overview</b></font>", "membership.php");
		menu2.addItem("<font face=sans-serif size=1 color=#003333 ><b>Current Members</b></font>", "");
		menu2.addItem("<font face=sans-serif size=1 color=#003333 ><b>Prospective Members</b></font>", "");
		menu2.addItem("<font face=sans-serif size=1 color=#003333 ><b>Community Services and R&D Programs</b></font>", "");

		var submenu21 = menu2.addMenu(menu2.items[1]);
		submenu21.addItem("<font face=sans-serif size=1 color=#003333 ><b>Current Members List</b></font>", "membership.php?node=list");
		submenu21.addItem("<font face=sans-serif size=1 color=#003333 ><b>2006 Service Realignment Project Information</b></font>", "membership.php?node=srp");
		submenu21.addItem("<font face=sans-serif size=1 color=#003333 ><b>Customer Service</b></font>", "membership.php?node=memsvcs");
		submenu21.addItem("<font face=sans-serif size=1 color=#003333 ><b>Mailing Lists</b></font>", "membership.php?node=memsvcs#ml");
		submenu21.addItem("<font face=sans-serif size=1 color=#003333 ><b>Events</b></font>", "membership.php?node=memsvcs#events");

		var submenu22 = menu2.addMenu(menu2.items[2]);
		submenu22.addItem("<font face=sans-serif size=1 color=#003333 ><b>How-to Join and Application Process</b></font>", "membership.php?node=joining");
		submenu22.addItem("<font face=sans-serif size=1 color=#003333 ><b>Membership Definitions</b></font>", "membership.php?node=joining#definitions");
		submenu22.addItem("<font face=sans-serif size=1 color=#003333 ><b>Membership Fees</b></font>", "membership.php?node=fees");
		submenu22.addItem("<font face=sans-serif size=1 color=#003333 ><b>Sponsorship Oppurtunities</b></font>", "membership.php?node=joining#sponsorship");
		submenu22.addItem("<font face=sans-serif size=1 color=#003333 ><b>Member Oppurtunities and Benefits</b></font>", "membership.php?node=memopps");

		var submenu23 = menu2.addMenu(menu2.items[3]);
		submenu23.addItem("<font face=sans-serif size=1 color=#003333 ><b>About OCCAID Community Services</b></font>", "membership.php?node=community");
		submenu23.addItem("<font face=sans-serif size=1 color=#003333 ><b>Community Program Committee</b></font>", "membership.php?node=community#cpc");

		//==================================================================================================

		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("partnership"));
menu3.addItem("<font face=sans-serif size=1 color=#003333 ><b>Overview</b></font>", "partnership.php");
menu3.addItem("<font face=sans-serif size=1 color=#003333 ><b>Our Partners & Sponsors</b></font>", "partnership.php?node=current");
menu3.addItem("<font face=sans-serif size=1 color=#003333 ><b>Becoming a Partner</b></font>", "partnership.php?node=becoming");
		
		var menu4 = ms.addMenu(document.getElementById("news"));
menu4.addItem("<font face=sans-serif size=1 color=#003333 ><b>News and Announcements</b></font>", "news.php");
	
		var menu5 = ms.addMenu(document.getElementById("network"));
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Overview</b></font>", "network.php");
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Network Topology</b></font>", "network.php?node=map");
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Global NOC</b></font>", "gnoc.php");
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Routing Policies</b></font>", "routingpolicy.php");
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Tools</b></font>", "network.php?node=tools");
menu5.addItem("<font face=sans-serif size=1 color=#003333 ><b>Peering Policy</b></font>", "peering.php");

		var submenu52 = menu5.addMenu(menu5.items[2]);
		submenu52.addItem("<font face=sans-serif size=1 color=#003333 ><b>Current Network Status</b></font>", "gnoc.php?node=status");
		submenu52.addItem("<font face=sans-serif size=1 color=#003333 ><b>Contact NOC</b></font>", "gnoc.php?node=trouble");

		var menu6 = ms.addMenu(document.getElementById("initiatives"));
menu6.addItem("<font face=sans-serif size=1 color=#003333 ><b>Overview</b></font>", "initiatives.php");
menu6.addItem("<font face=sans-serif size=1 color=#003333 ><b>GIPS</b></font>", "initiatives.php?node=gips");
menu6.addItem("<font face=sans-serif size=1 color=#003333 ><b>SixXS USA</b></font>", "initiatives.php?node=sixxs");
menu6.addItem("<font face=sans-serif size=1 color=#003333 ><b>NBONE</b></font>", "initiatives.php?node=nbone");
menu6.addItem("<font face=sans-serif size=1 color=#003333 ><b>OCCAID2</b></font>", "initiatives.php?node=occaid2");

		//==================================================================================================

		//==================================================================================================
		// write drop downs into page
		//==================================================================================================
		// this method writes all the HTML for the menus into the page with document.write(). It must be
		// called within the body of the HTML page.
		//==================================================================================================
		TransMenu.renderAll();
	}

