//==================================================================================================
// Configuration properties
//==================================================================================================
TransMenu.spacerGif = "transmenus/img/x.gif";				// path to a transparent spacer gif
TransMenu.dingbatOn = "transmenus/img/submenu-on.gif";		// path to the active sub menu dingbat
TransMenu.dingbatOff = "transmenus/img/submenu-off.gif";	// path to the inactive sub menu dingbat
TransMenu.dingbatSize = 14;									// size of the dingbat (square shape assumed)
TransMenu.menuPadding = 8;									// padding between menu border and items grid
TransMenu.itemPadding = 2;									// additional padding around each item
TransMenu.shadowSize = 2;									// size of shadow under menu
TransMenu.shadowOffset = 3;									// distance shadow should be offset from leading edge
TransMenu.shadowColor = "#333";								// color of shadow (transparency is set in CSS)
TransMenu.shadowPng = "transmenus/img/grey-40.png";			// a PNG graphic to serve as the shadow for mac IE5
TransMenu.backgroundColor = "#fae6b4";						// color of the background (transparency set in CSS)
TransMenu.backgroundPng = "transmenus/img/white-100.png";	// a PNG graphic to server as the background for mac IE5
TransMenu.hideDelay = 1000;									// number of milliseconds to wait before hiding a menu
TransMenu.slideTime = 400;									// number of milliseconds it takes to open and close a menu


//==========================================================================================
// if supported, initialize TransMenus
//==========================================================================================
function init() {
	if (TransMenu.isSupported())
	{
		TransMenu.initialize();

		menu1.onactivate = function() { document.getElementById("aboutus").className = "hover"; };
		menu1.ondeactivate = function() { document.getElementById("aboutus").className = ""; };
	}
}


//==================================================================================================
// create a set of dropdowns
//==================================================================================================
if (TransMenu.isSupported())
{
	//==================================================================================================
	// 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, -5, 1, TransMenu.reference.bottomLeft);

	//==================================================================================================
	// create a dropdown menu
	//==================================================================================================
	// the first parameter should be the php element which will act actuator for the menu
	//==================================================================================================

	var menu1 = ms.addMenu(document.getElementById("aboutus"));
	menu1.addItem("About Us", "about.php"); 
	menu1.addItem("Our History", "history.php"); 
	menu1.addItem("Our Team", "staff.php");
	menu1.addItem("Our Nashville Office", "nashville.php");
	menu1.addItem("Photo Gallery", "gallery.php");
	menu1.addItem("Manufacturers' Rep", "manrep.php");
	menu1.addItem("WFM Brochures", "brochures.php");


	//==================================================================================================
	// write drop downs into page
	//==================================================================================================
	// this method writes all the php for the menus into the page with document.write(). It must be
	// called within the body of the php page.
	//==================================================================================================
	TransMenu.renderAll();
}

init();