// JavaScript Document

// 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 isSafari = (navigator.userAgent.indexOf("AppleWebKit") !=-1);
// Detecting not only Safari but WebKit-based browsers

if (document.all && ! (navigator.userAgent.indexOf("Opera") > -1)) {
      var offset = 10;
} 
else if (isSafari==true) {
	var offset=6;
	}
else {
      var offset = 6;
}

 
if (document.all && ! (navigator.userAgent.indexOf("Opera") > -1)) {
      var offsethoriz = -1;
} 
else if (isSafari==true) {
	var offsethoriz=-1;
	}
else {
      var offsethoriz = -1;
}

var ms = new TransMenuSet(TransMenu.direction.down, offsethoriz, offset, 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("menu1"));
		menu1.addItem("Gift Sets", "giftsets.shtml");
		menu1.addItem("Gift Certificates", "giftcertificate.shtml");
		menu1.addItem("Attar", "attar_sun.shtml"); 
		menu1.addItem("Bath Salt", "bathsalt_sun.shtml"); 
		menu1.addItem("Body Oil", "bodyoil_sun.shtml"); 
		menu1.addItem("Eau de Toilette", "edt_sun.shtml"); // send no URL if nothing should happen onclick
		menu1.addItem("Hand and Shower Wash", "bodywash_sun.shtml");
		menu1.addItem("Concreta", "products_sun.shtml");
		menu1.addItem("Lotion", "lotion_sun.shtml");
		menu1.addItem("Shampoo/Conditioner", "shampoo.shtml");
		menu1.addItem("Soap", "soap_sun.shtml");
		menu1.addItem("Samples", "sampler.shtml");
		//menu1.addItem("Clearance", "clearance.shtml");
		
		
		//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");
		
   // var submenu00 = submenu0.addMenu(submenu0.items[0]);
    //submenu00.addItem("foo");
    //submenu00.addItem("bar");
		//==================================================================================================

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