// 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("Home"));
	menu1.addItem("Ventimiglia", "http://youngpup.net/italy/photos/ventimiglia/thumb/102_0261.jpg"); 
	menu1.addItem("Cinque Terre", ""); // send no URL if nothing should happen onclick

	var submenu0 = menu1.addMenu(menu1.items[1]);
	submenu0.addItem("Monterosso", "http://youngpup.net/italy/photos/cinqueterre/104_0458.jpg");
	submenu0.addItem("Manorola", "http://youngpup.net/italy/photos/cinqueterre/thumb/104_0474.jpg");
	submenu0.addItem("Corniglia", "http://youngpup.net/italy/photos/cinqueterre/104_0472.jpg");
	submenu0.addItem("Rio Maggiore", "http://youngpup.net/italy/photos/cinqueterre/105_0522.jpg");


var submenu00 = submenu0.addMenu(submenu0.items[0]);
submenu00.addItem("foo");
submenu00.addItem("bar");*/
	//==================================================================================================

	//==================================================================================================
	var menu1 = ms.addMenu(document.getElementById("Home"));
	//==================================================================================================
	
	//==================================================================================================
	var menu2 = ms.addMenu(document.getElementById("Resume"));
	menu2.addItem("HTML", "");
	menu2.addItem("PDF", "/resumes/winnie_tong_online_resume.pdf", "new");
	menu2.addItem("txt", "/resumes/winnie_tong_online_resume.txt", "new");

	var submenu1 = menu2.addMenu(menu2.items[0]);
	submenu1.addItem("web", "/resume.php",  "");
	submenu1.addItem("print", "/resumes/winnie_tong_online_resume.html", "new");
	//==================================================================================================

	//==================================================================================================
	//var menu3 = ms.addMenu(document.getElementById("Portfolio"));
	//menu3.addItem("illustration", "http://www.castlepeakstudios.com/gallery/illustrations", "");
	//menu3.addItem("photography", "http://www.castlepeakstudios.com/gallery/photography", "");
	//menu3.addItem("web design");
	//menu3.addItem("writing");
	//menu3.addItem("music");
	//menu3.addItem("miscellaneous", "http://www.castlepeakstudios.com/gallery/miscellaneous", "" );
	//==================================================================================================

	//==================================================================================================
	//var menu4 = ms.addMenu(document.getElementById("Photos"));
	//menu4.addItem("1996 and prior", "");
	//menu4.addItem("1997-1999", "");
	//menu4.addItem("2000-2002", "");
	//menu4.addItem("2003", "");
	//menu4.addItem("New York City", "http://www.castlepeakstudios.com/gallery/nyc", "");
	//menu4.addItem("California", "http://www.castlepeakstudios.com/gallery/california", "");
	//menu4.addItem("Toronto", "http://www.castlepeakstudios.com/gallery/toronto", "");
	//menu4.addItem("Waterloo", "http://www.castlepeakstudios.com/gallery/waterloo", "");
	//==================================================================================================

	//==================================================================================================
	//var menu5 = ms.addMenu(document.getElementById("Interact"));
	//menu5.addItem("archives", "");
	//menu5.addItem("oekaki", "http://www2.oekakibbs.com/bbs/electronicangel/oekakibbs.cgi", "new");
	//menu5.addItem("guestbook", "");
	//==================================================================================================
			
	//==================================================================================================
	var menu7 = ms.addMenu(document.getElementById("About"));
	menu7.addItem("profile", "/about.php", "");
	//menu7.addItem("history", "");
	menu7.addItem("thanks", "/thanks.php", "");
	//menu7.addItem("contact", "");
	//==================================================================================================

	//==================================================================================================
	var menu8 = ms.addMenu(document.getElementById("Jobs"));
	menu8.addItem("View all jobs", "http://canadian.jobamatic.com/a/jbb/find-jobs", "");
	menu8.addItem("Post a job ($5 for 30 days)", "http://canadian.jobamatic.com/a/jbb/post-job", "");
	//==================================================================================================


	//==================================================================================================
	// 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();
}