function initMenus() {
			// If supported, call initialize() and then hook whatever image rollover code you need to do
			// to the .onactivate and .ondeactivate events for each menu.
			if (TransMenu.isSupported()) {
				TransMenu.initialize();

				// hook all the highlight swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
				menu1.onactivate = function() { MM_swapImage('navabout','','/SUMMER/images/navover2008_02.jpg',1); }
				menu1.ondeactivate = function() { MM_swapImgRestore(); }

				menu2.onactivate = function() { MM_swapImage('navcalendar','','/SUMMER/images/navover2008_03.jpg',1); }
				menu2.ondeactivate = function() { MM_swapImgRestore(); }

				menu3.onactivate = function() { MM_swapImage('navproducts','','/SUMMER/images/navover2008_04.jpg',1); }
				menu3.ondeactivate = function() { MM_swapImgRestore(); }

				menu4.onactivate = function() { MM_swapImage('navcontact','','/SUMMER/images/navover2008_05.jpg',1); }
				menu4.ondeactivate = function() { MM_swapImgRestore(); }

//				document.getElementById("umbria").onmouseover = function() {
//					ms.hideCurrent();
//					this.className = "hover";
//				}

//				document.getElementById("umbria").onmouseout = function() { this.className = ""; }
			}
}

function createMenus() {

	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);

		menu1 = ms.addMenu(document.getElementById("anavabout"));
		menu1.addItem("The Vision", "/about/");
		menu1.addItem("Jeffrey's Reflections", "/about/reflections/");
//		menu1.addItem("Personal Appearances", "/about/appearances/thismonth.php");
		menu1.addItem("Press Room", "/about/pressroom.php");
		menu1.addItem("Biography", "/about/biography.php");
		menu1.addItem("Services", "/about/services.php");

//		submenu0 = menu1.addMenu(menu1.items[2]);
//		submenu0.addItem("This Month", "/about/appearances/thismonth.php");
//		submenu0.addItem("Next Month", "/about/appearances/nextmonth.php");
//		submenu0.addItem("Year at a Glance", "/about/appearances/");

var mydate=new Date();
var year=mydate.getYear();
if (year < 1000) 
	year+=1900

		menu2 = ms.addMenu(document.getElementById("anavcalendar"));
		menu2.addItem("View Events for " + year + "!", "/specialteaevents/");


		menu3 = ms.addMenu(document.getElementById("anavproducts"));
		menu3.addItem("About Jeffrey's Teas", "/teas/");
		menu3.addItem("Spring Blend", "/teas/spring_blend.php");
		menu3.addItem("Summer Blend", "/teas/summer_blend.php");
		menu3.addItem("Autumn Blend", "/teas/autumn_blend.php");
		menu3.addItem("Winter Blend", "/teas/winter_blend.php");

		menu4 = ms.addMenu(document.getElementById("anavcontact"));
		menu4.addItem("Contact Jeffrey", "/contact/");

		TransMenu.renderAll();
	}
}