// 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, -4, 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("Boards"));
	menu1.addItem("Zephyr", "/index.php?inc=zephyr.html");  
	menu1.addItem("Storm", "/index.php?inc=storm.html");
	menu1.addItem("Helix", "/index.php?inc=helix.html");  
	menu1.addItem("Zephyr Split", "/index.php?inc=zephyr_splitboard.html"); 
	menu1.addItem("Storm Split", "/index.php?inc=storm_splitboard.html");
	menu1.addItem("Helix Split", "/index.php?inc=helix_splitboard.html"); 
	
	 
	
	
	//==================================================================================================

	//==================================================================================================
	
	var menu2 = ms.addMenu(document.getElementById("Tech"));
	menu2.addItem("Construction", "/index.php?inc=construction.html");
	
	/*
	var submenu1 = menu2.addMenu(menu2.items[0]);
	submenu1.addItem("bookmatched core", "/index.php?inc=construction.html");
	submenu1.addItem("fsc wood", "/index.php?inc=construction.html");
	submenu1.addItem("quad sidecut", "/index.php?inc=construction.html");
	submenu1.addItem("triax", "/index.php?inc=construction.html");
	submenu1.addItem("fabric topsheet", "/index.php?inc=construction.html");
	submenu1.addItem("nat topsheet", "/index.php?inc=construction.html");
	submenu1.addItem("sintered base", "/index.php?inc=construction.html");
	submenu1.addItem("inlaid base graphics", "/index.php?inc=construction.html");
	submenu1.addItem("abs sidewall", "/index.php?inc=construction.html");
	submenu1.addItem("full wrap steel edge", "/index.php?inc=construction.html");
	submenu1.addItem("stainless steel inserts", "/index.php?inc=construction.html");
	*/
	
	menu2.addItem("Rocker", "/index.php?inc=rocker.html");
	
	
	
	//==================================================================================================

	//==================================================================================================
	
	//var menu3 = ms.addMenu(document.getElementById("Threads"));
	/*
	menu3.addItem("Men's");
	menu3.addItem("Women's");
	menu3.addItem("Headware");
	*/
	//==================================================================================================

	//==================================================================================================
	var menu4 = ms.addMenu(document.getElementById("Philosophy"));
	menu4.addItem("Design", "/index.php?inc=design.html");
	menu4.addItem("Conservation", "/index.php?inc=conservation.html");
	//menu4.addItem("Fair Labor", "/index.php?inc=labor.html");
	menu4.addItem("Sex", "/index.php?inc=sex.html");
	//==================================================================================================

	//==================================================================================================
	var menu5 = ms.addMenu(document.getElementById("Info"));
	menu5.addItem("News", "/index.php?inc=news.html");
	menu5.addItem("History", "/index.php?inc=history.html");
	menu5.addItem("Jobs", "/index.php?inc=jobs.html");
	menu5.addItem("Links", "/index.php?inc=links.html");
		//==================================================================================================

	//==================================================================================================
	// 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();
} else {
	alert("Transmenu not supported");
}