function init() {
	//==========================================================================================
	// if supported, initialize TransMenus
	//==========================================================================================
	// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
	// This is better than server-side checking because it will also catch browsers which would
	// normally support the menus but have javascript disabled.
	//
	// 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();

		//menu2.onactivate = function() { document.getElementById("Products").className = "hover"; };
		//menu2.ondeactivate = function() { document.getElementById("Products").className = ""; };

		//menu3.onactivate = function() { document.getElementById("Support").className = "hover"; };
		//menu3.ondeactivate = function() { document.getElementById("Support").className = ""; };

		//menu5.onactivate = function() { document.getElementById("Services").className = "hover"; };
		//menu5.ondeactivate = function() { document.getElementById("Services").className = ""; };
	}
}

function Render() {
	// 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, 3, 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("liguria"));
		//==================================================================================================

		//==================================================================================================
		var menu2 = ms.addMenu(document.getElementById("Products"));
		menu2.addItem("Aeready", "Aeready.html");
		menu2.addItem("Ominator", "Ominator.html");
		menu2.addItem("AirMax", "Airmax.html");
		menu2.addItem("Books", "Books.html");
		menu2.addItem("DVD (coming soon)", "DVD.html");
		menu2.addItem("Clothing", "Clothing.html");

		//==================================================================================================
	//==================================================================================================
		var menu3 = ms.addMenu(document.getElementById("Shop"));
		menu3.addItem("Shop Online","Shop_Online.html");
		menu3.addItem("Shop Retail","Shop_Retail.html");
		//==================================================================================================

		//==================================================================================================
		var menu4 = ms.addMenu(document.getElementById("Support"));
		menu4.addItem("FAQ","faq.html");
		menu4.addItem("Customer support","customer_support.html");
		//==================================================================================================

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

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