// JavaScript Document - These are the menu definitions 
	// 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 XXXX WRONG--->top and left 
		//                                    xxxx RIGHT--->left and top
		//  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, 0,0, TransMenu.reference.bottomLeft);

		//==================================================================================================
		// create a dropdown menu
		//==================================================================================================
		// the first parameter should be the HTML element which will act actuator for the menu
		//==================================================================================================
/*  this was for home - but home isn't going to have submenus...so commenting out...
		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"); */
		//==================================================================================================
		//								Marina
		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("marina"));
		menu2.addItem("Staff", "staff.cfm");
		menu2.addItem("Find Us", "find-us.cfm");
		menu2.addItem("Local Information", "local-info.cfm");
		menu2.addItem("Photo Gallery", "photo-gallery.cfm");

/*  there are no submenus...
		var submenu1 = menu2.addMenu(menu2.items[0]);
		submenu1.addItem("Galeria", "");
		submenu1.addItem("Duomo", "");
		submenu1.addItem("Castle", "");                */
		
		//==================================================================================================
		//								Boat Slips
		//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("boatslips"));
		menu3.addItem("Sales");
		menu3.addItem("Leasing");

		var submenu2 = menu3.addMenu(menu3.items[0]); // sales has submenu
		var submenu3 = menu3.addMenu(menu3.items[1]); // leasing has submenu
                    // sales submenu items....
		submenu2.addItem("Sales Home", "sales.cfm");
		submenu2.addItem("Reserve Your Slip", "reserve-slip-sales.cfm");
		submenu2.addItem("FAQ", "q-a-sales.cfm");
		//submenu2.addItem("Rules and Regulation", "rules.cfm");
		//submenu2.addItem("Regime Fees", "regime.cfm");
		//submenu2.addItem("Master Deed", "master.cfm");
		
					// leasing submenu items...
		submenu3.addItem("Leasing Home", "leasing.cfm");
		// client does not want q/a under leasing... submenu3.addItem("Q & A", "q-a-leasing.cfm");
		submenu3.addItem("Dockage Rates", "dockage-rates.cfm");
		submenu3.addItem("Reserve Your Slip", "reserve-slip-leasing.cfm");

		//==================================================================================================
		//						Condominiums
		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("condos"));
		menu4.addItem("Site Plan", "site-plan.cfm");
		menu4.addItem("Floor Plans", "floor-plans.cfm");
		menu4.addItem("Amenities", "amenities.cfm");
		menu4.addItem("Request Information", "request-information.cfm");

/* there are no submenus....
		var submenu4 = menu4.addMenu(menu4.items[0]);
		var submenu5 = menu4.addMenu(menu4.items[1]);

		submenu4.addItem("Hostile", "");
		submenu4.addItem("Duomo", "");
		submenu4.addItem("Pitti Palace", "");
		submenu4.addItem("Ponte Vecchio", "");

		submenu5.addItem("Il Campo", "");
		submenu5.addItem("Roman Center", "");
		submenu5.addItem("Duomo", "");                            */
		//==================================================================================================
		//						Events
		//==================================================================================================
		var menu5 = ms.addMenu(document.getElementById("events"));
		menu5.addItem("Events & Tournaments", "events-tournaments.cfm");
		menu5.addItem("Recent News", "news.cfm");		

/* there are no submenus....
		var submenu6 = menu5.addMenu(menu5.items[0]);
		submenu6.addItem("Appian Way", "");
		submenu6.addItem("Trastevere", "");
		submenu6.addItem("Pantheon", "");
		submenu6.addItem("Palantine Hill", "");
		submenu6.addItem("Colloseum", "");
		submenu6.addItem("Forum", "");
		submenu6.addItem("Trevi Fountain", "");
		submenu6.addItem("St. Peter's", "");
		submenu6.addItem("Vatican Museum", "");                 */
		//==================================================================================================

		//==================================================================================================
		// 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();
	}