// 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, 0, 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("medina"));
menu1.addItem("Presentación", "presentacion.php"); 
menu1.addItem("Quienes Somos", "somos.php"); 
menu1.addItem("Vídeos", "videos.php"); 
//menu1.addItem("Cinque Terre", ""); // send no URL if nothing should happen onclick

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

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

var menu2 = ms.addMenu(document.getElementById("servicios"));
menu2.addItem("Servicios", "servicios.php");
menu2.addItem("Ofertas", "ofertas.php");
menu2.addItem("Normas de Uso", "normas.php");



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

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





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

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




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

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

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