BLANK_IMAGE="js/menuimages/b.gif";
//keywords
var code="code";var url="url";var sub="sub";
//define los estilos de cada nivel del menu. COLOR define la base de colores de cada boton
var color = {"border":"#FFFFFF", "shadow":"#DBD8D1", "bgON":"#e0e1e3","bgOVER":"#CC0033"};
var color1 = {"border":"#FFFFFF", "shadow":"#DBD8D1", "bgON":"#444444","bgOVER":"#003333"};
var color2 = {"border":"#FFFFFF", "shadow":"#DBD8D1", "bgON":"#444444","bgOVER":"#CCCCCC"};

//CSS define cual estilo en el archivo .css se aplica a cada estado (on/over), incluyendo font, etc.
var top_css = {"ON":"clsCMTopOn", "OVER":"clsCMTopOver"};
var level1_css = {"ON":"clsCMLevel1On", "OVER":"clsCMLevel1Over"};
var level2_css = {"ON":"clsCMLevel2On", "OVER":"clsCMLevel2Over"};

//STYLE permite controlar los bordes y su ancho, sombras y su tamaño, y liga las dos definiciones anteriores
// de COLOR y CSS a la variable STYLE que es la que se aplica en los itemes directamente.
var STYLE = {"border":1, "shadow":0, "color":color, "css":top_css};
var STYLE1 = {"border":1, "shadow":0, "color":color1, "css":level1_css};
var STYLE2 = {"border":1, "shadow":0, "color":color2, "css":level2_css};

//aqui se definen los botones del menu y sus parametros de formateo
var MENU_ITEMS_STYLING =
[
//Esta primera linea define los parametros generales, en particular el punto de inicio del menu en formato de
//pixeles desde la izquierda y desde arriba (izq,arriba)
	{"pos":[150,334], "itemoff":[0,145], "leveloff":[19,0], "style":STYLE, "size":[19,145]},
	{code:"Accommodations", "format":{"itemoff":[0,145]},
		sub:[
			{"size":[18,145], "style":STYLE1, "leveloff":[18,0]},
			{code:"Rooms & Rates", url:"rooms.html", "format":{"itemoff":[18,0]}},
			{code:"Reservation Form", url:"form.html", "format":{"itemoff":[18,0]}},
			{code:"How to Get Here", url:"getthere.html", "format":{"itemoff":[18,0]}},
			]
	},
		
	{code:"Bougainvillea Essence", "format":{"itemoff":[0,145]},
		sub:[
			{"size":[18,145], "style":STYLE1, "leveloff":[18,0]},
			{code:"Location & Directions", url:"location.html", "format":{"itemoff":[18,0]}},
			{code:"Santo Domingo Town", url:"santodomingo.html", "format":{"itemoff":[18,0]}},
			{code:"Art Treasury", url:"art.html", "format":{"itemoff":[18,0]}},
			{code:"Art Collection Gallery", url:"art_gallery.html", "format":{"itemoff":[18,0]}},
			{code:"Environmental", url:"environmental.html", "format":{"itemoff":[18,0]}},
			{code:"For the Birds", url:"birds.html", "format":{"itemoff":[18,0]}},
			{code:"Social Responsibility", url:"social.html", "format":{"itemoff":[18,0]}},
			{code:"Guests’ Insights", url:"guest.html", "format":{"itemoff":[18,0]}},
			{code:"Useful Links", url:"links.html", "format":{"itemoff":[18,0]}},
			]	
	},		
		
	{code:"Services & Facilities", "format":{"itemoff":[0,145]},
		sub:[
			{"size":[18,145], "style":STYLE1, "leveloff":[18,0]},
			{code:"Restaurant & Bar", url:"restaurant.html", "format":{"itemoff":[18,0]}},
			{code:"Pool & Tennis", url:"pool_tennis.html", "format":{"itemoff":[18,0]}},
			{code:"Gardens •", url:"gardens.html", "format":{"itemoff":[18,0]},			
				sub:[
					{"size":[18,145], "style":STYLE2, "leveloff":[0,145]},
					{code:"Frog Ponds", url:"frog_pond.html", "format":{"itemoff":[0,145]}},
					{code:"Labyrinth-Maze", url:"labyrinth.html", "format":{"itemoff":[18,0]}},
					{code:"Bromeliads", url:"bromeliads.html", "format":{"itemoff":[18,0]}},
					{code:"Orchids", url:"orchids.html", "format":{"itemoff":[18,0]}},
					{code:"Herb & Cactus Garden", url:"herb.html", "format":{"itemoff":[18,0]}},
					{code:"Organic Fertilizers", url:"organic.html", "format":{"itemoff":[18,0]}},
					{code:"Rancho Típico", url:"rancho.html", "format":{"itemoff":[18,0]}},
					{code:"Native Trees", url:"native.html", "format":{"itemoff":[18,0]}},
					{code:"Crops of Costa Rica", url:"crops.html", "format":{"itemoff":[18,0]}},
					]
			},
			{code:"Gift Shop", url:"giftshop.html", "format":{"itemoff":[18,0]}},
			{code:"Tour Desk", url:"tourdesk.html", "format":{"itemoff":[18,0]}},
			{code:"Internet Access", url:"internet.html", "format":{"itemoff":[18,0]}},
			{code:"Currency & Banks", url:"money.html", "format":{"itemoff":[18,0]}},
			]
		},

	{code:"360º Tours & Gallery", "format":{"itemoff":[0,145]},
		sub:[
			{"size":[18,145], "style":STYLE1, "leveloff":[18,0]},
			{code:"360º Virtual Tour", url:"360tour.html", "format":{"itemoff":[18,0]}},
			{code:"Photo Gallery", url:"gallery.html", "format":{"itemoff":[18,0]}},
			]	
	},
	{code:"Corporate Facilities", url:"corporate.html", "format":{"itemoff":[0,145]}},				
	
	];