// 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");
//	submenu0.addItem("Vernazza", "");
//	submenu0.addItem("Apartment", "");
//	submenu0.addItem("Via del Amore", "");
//	submenu0.addItem("Rocky beach", "");
//	submenu0.addItem("Swimming hole", "");
//       var submenu00 = submenu0.addMenu(submenu0.items[0]);
//        submenu00.addItem("foo");
//        submenu00.addItem("bar");
		//==================================================================================================

		//==================================================================================================
   var menu2 = ms.addMenu(document.getElementById("blog"));
       menu2.addItem("Archives", "http://www.jonathangrubbs.com/archives/");

	//var submenu1 = menu2.addMenu(menu2.items[0]);
	//submenu1.addItem("", "");
	//submenu1.addItem("", "");
	//submenu1.addItem("", "");
		//==================================================================================================

		//==================================================================================================
	var menu3 = ms.addMenu(document.getElementById("writing"));
	menu3.addItem("Articles/Essays", "http://www.jonathangrubbs.com/category/articles-and-essays/");
	menu3.addItem("Novels", "http://www.jonathangrubbs.com/category/novels/");
	menu3.addItem("Poetry", "http://www.jonathangrubbs.com/category/poetry/");
    menu3.addItem("Scripts", "http://www.jonathangrubbs.com/category/scripts/");
	menu3.addItem("Short Stories", "http://www.jonathangrubbs.com/category/short-stories/");
	

//	var submenu2 = menu3.addMenu(menu3.items[2]);
//	var submenu3 = menu3.addMenu(menu3.items[1]);

//	submenu2.addItem("", "");
//	submenu2.addItem("", "");
//	submenu2.addItem("", "");
	
//	submenu3.addItem("", "");
//	submenu3.addItem("", "");
//	submenu3.addItem("", "");
//	submenu3.addItem("", "");
//	submenu3.addItem("", "");
		//==================================================================================================

		//==================================================================================================
	var menu4 = ms.addMenu(document.getElementById("media"));
	menu4.addItem("Photography", "http://www.jonathangrubbs.com/photography/");
	menu4.addItem("Films/Videos", "http://www.jonathangrubbs.com/film-and-video/");
	menu4.addItem("Demo Reel", "http://www.jonathangrubbs.com/demo-reel/");
	menu4.addItem("Design Portfolio", "http://www.jonathangrubbs.com/design-portfolio/");
	
//	var submenu4 = menu4.addMenu(menu4.items[1]);

//	submenu4.addItem("", "");
//	submenu4.addItem("", "");
//	submenu4.addItem("", "");


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

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

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