// UDMv4.5 //
///////////////////////////////////////////////////////////////////
var um={'menuClasses':[],'itemClasses':[],'menuCode':[]};
///////////////////////////////////////////////////////////////////
//                                                               //
//  ULTIMATE DROP DOWN MENU Version 4.5 by Brothercake          //
//  http://www.udm4.com/                                         //
//                                                               //
//  This script may not be used or distributed without license   //
//                                                               //
///////////////////////////////////////////////////////////////////




///////////////////////////////////////////////////////////////////
// CORE CONFIGURATION                                            //
///////////////////////////////////////////////////////////////////


//path to images folder
um.baseSRC = "udm-resources/";


//initialization trigger element ["id"];
um.trigger = "";


//navbar orientation
um.orientation = [
	"horizontal",	// alignment ["vertical"|"horizontal"|"popup"|"expanding"]
	"left",		// h align ["left"|"right"]
	"top",		// v align ["top"|"bottom"]
	"relative",	// positioning ["relative"|"absolute"|"fixed"|"allfixed"]
	"0.0em",	// x position ["em"|"ex"|"px"|"0"] Tenía 0.5em ULTIMO 1.4
	"-0.1em",	// y position ["em"|"ex"|"px"|"0"] Tenía 0.5em
	"1000",		// z order ["0" to "10000"] (menu takes 20000 headroom)
	];


//navbar list output
um.list = [
	"flexible",	// horizontal overflow ["rigid"|"flexible"]
	"yes",		// -SPARE-
	"no", 		// -SPARE-
	];


//menu behaviors
um.behaviors = [
	"200",		// open timer ["milliseconds"|"0"]
	"500",		// close timer ["milliseconds"|"never"|"0"]
	"yes",		// reposition menus to stay inside the viewport ["yes"|"no"]
	"default",	// manage windowed controls for win/ie ["default","hide","iframe","none"]
	];


//reset behaviors
um.reset = [
	"yes",		// reset from document mouse click ["yes"|"no"]
	"yes",		// reset from window resize ["yes"|"no"]
	"yes",		// reset from text resize ["yes"|"no"]
	"no",		// reset after following link ["yes"|"no"]
	];


//horizontal continuation strip
um.hstrip = [
	"none",		// background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"yes",		// copy navbar item margin-right to margin-bottom ["yes"|"no"]
	];




///////////////////////////////////////////////////////////////////
// MODULE SETTINGS                                               //
///////////////////////////////////////////////////////////////////


//keyboard navigation [comment out or remove if not using]
um.keys = [
	"38",		// up ["n"] ("38" = up arrow key)
	"39",		// right ["n"] ("39" = right arrow key)
	"40",		// down ["n"] ("40" = down arrow key)
	"37",		// left ["n"] ("37" = left arrow key)
	"123",		// hotkey ["n"] ("38" = F12]
	"none",		// hotkey modifier ["none"|"shiftKey"|"ctrlKey"|"altKey"|"metaKey"]
	"27",		// escape ["n"|"none"] ("27" = escape key)
	"document.getElementsByTagName('a')[0]", // exit focus ["js-expression"]
	];




///////////////////////////////////////////////////////////////////
// NAVBAR DEFAULT STYLES                                         //
///////////////////////////////////////////////////////////////////


//styles which apply to the navbar
um.navbar = [
	"-4",		// nav -> menu x-offset (+-)["n" pixels] TENIA -6 AQUI SE POSICIONA LAS BARRAS DE LOS MENU ITEM CUANDO ABREN
	"2",		// nav -> menu y-offset (+-)["n" pixels] TENIA -11 LO MISMO SUCEDE CON ESTE
	"7.5em",	// width ["em"|"ex"|"px"] (vertical navbar only - horizontal navbar items have "auto" width) ("%" doesn't work right) TENIA 7.5em
	];


//styles which apply to each navbar item
um.items = [
	"1",		// margin between items ["n" pixels]
	"1",		// border size ["n" pixels] (single value only)
	"collapse",	// border collapse ["collapse"|"separate"] (only applies when margin = "0")
	"#006666 #006666 #006666 #006666",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values) NO TOCAR ESTE. AQUI SE ENCIERRA EN UN CUADRO LAS PRIMERAS OPCIONES DEL MENU
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#006666 #006666 #006666 #006666",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values) TENIA ESTO ANTES #ead4a4 #ead4a4 #fae4b4 #fae4b4
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#006666 #006666 #006666 #006666",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values) NO TOCAR ESTE YA. AQUI SE LE PONE EL CUADRO A LAS DEMAS OPCIONES DEL MENU
	"solid solid solid solid",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none") AQUI DICES COMO QUIERES QUE SEA EL CUADRO QUE RODEA CADA OPCION DEL MENU SI LO QUIERES CON LINEAS SOLIDAS O CON RAYAS
	"5",		// left/right padding ["n" pixels] (single value only) AQUI JUEGO CON EL TAMAÑO DE LA BARRA DEL MENU HACIA DE IZQUIERDA A DERECHA
	"4",		// top/bottom padding ["n" pixels] (single value only) AQUI JUEGO CON EL TAMAÑO DE LA BARRA DEL MENU DE ARRIBA HACIA ABAJO. PARA PONERLA MAS ANCHO O MENOS
	"#009999",		// background ["color"|"#hex"|"rgb()"|"image.gif"] NO TOCAR ESTE. AQUI LE PONGO EL COLOR A LAS OTRAS OPCIONES DEL MENU   
	"#006666",		// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]NO CAMBIAR, ESTO ES LA SOMBRA CUANDO SE ELIGE UNA OPCION DEL MENU
	"#009999",		// visited background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTO #ffc
	"71%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"] TENIA 75%
	"Verdana,Tahoma,Helvetica",// font family ["font1,font2,font3"] (always end with a generic family name) TENIA ESTO ANTES tahoma,sans-serif REAL ES: Verdana,Tahoma,Helvetica
	"bold",		// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#FFCC00",	// color ["color"|"#hex"|"rgb()"] TENIA ESTO ANTES #008000
	"#FFFF99",	// hover/focus color ["color"|"#hex"|"rgb()"] NO TOCAR ESTE YA. ESTE ES DONDE PONE EL COLOR LA LETRA CUANDO SE ELIGE UNA OPCION DEL MENU
	"#FFCC00",	// visited color ["color"|"#hex"|"rgb()"] NO TOCAR ESTE YA. ESTE ES EL COLOR DE LAS OTRAS LETRAS DEL MENU PRINCIPAL
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"letter-spacing:1px !important;",// additional link CSS (careful!)
	"",		// additional hover/focus CSS (careful!)
	"",		// additional visited CSS (careful!)
	"right-black1.gif",// menu indicator character/image ["text"|"image.gif"|"none"] NO TOCAR ESTE. ESTAS SON LAS FLECHAS DEL MENU TENIA ESTO: right-black1.gif
	"right-black1.gif",// menu indicator rollover character/image ["text"|"image.gif"|"none"] (must be same type)
	"12",		// clipping width of indicator image ["n" pixels] (only when using image arrows) TENIA 9 ANTES
	"..",		// alt text of indicator image ["text"] (only when using image arrows)
	];




///////////////////////////////////////////////////////////////////
// MENU DEFAULT STYLES                                           //
///////////////////////////////////////////////////////////////////


//styles which apply to each menu
um.menus = [
	"1",		// menu -> menu x-offset (+-)["n" pixels] TENIA -7 AQUI POSICIONO LOS SUB-SUB MENU Y LOS CHILD MENU. ESTA ES LA POSICION X
	"-2",		// menu -> menu y-offset (+-)["n" pixels] TENIA -12 LO MISMO CON ESTE QUE ES LA POSICION Y
	"1",		// border size ["n" pixels] (single value only)
	"#006666 #006666 #006666 #006666",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values) TENIA ESTO #bdb #080 #080 #bdb
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"9.8em",	// width ["em"|"ex"|"px"] TENIA 9.8em
	"2",		// padding ["n" pixels] (single value only)
	"#009999",	// background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTE COLOR ANTES #f8fbd0
	"",		// additional menu CSS (careful!) (you can use a transition here but *not* a static filter)
	"greenshadow.png",// shadow background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"2px",		// shadow offset (+-) ["em"|"px"|"pt"|"%"|"0"] TENIA 2px
	"filter:alpha(opacity=50);",// additional shadow layer CSS (if you use a Microsoft.Shadow filter here then Win/IE5.5+ will do that *instead* of default shadow)
	];


//styles which apply to each menu item
um.menuItems = [
	"0",		// margin around items ["n" pixels] (single value only; margins are like table cellspacing)
	"1",		// border size ["n" pixels] (single value only)
	"separate",	// border collapse ["collapse"|"separate"] (only applies when margin = "0")
	"#009999",	// border colors ["color"|"#hex"|"rgb()"] (single, double or four values) AQUI SE LE PONE BORDES A LOS MENU ITEM
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#006666",		// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values) NO TOCAR ESTE. AQUI SE LE PONE COLOR AL BORDE DE CADA ITEM CUANDO SE ELIGE
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#009999",	// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"5",		// left/right padding ["n" pixels] (single value only) TENIA 5
	"2",		// top/bottom padding ["n" pixels] (single value only) TENIA 2
	"transparent",	// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#006666",	// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"] ESTE ESTA BIEN YA. PONE SOMBRA A LOS MENU ITEM
	"transparent",	// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"64%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"Verdana,Tahoma,Helvetica",// font family ["font1,font2,font3"] (always end with a generic family name) TENIA ESTO ANTES tahoma,sans-serif
	"bold",	// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#FFCC00",		// color ["color"|"#hex"|"rgb()"] NO TOCAR YA. ESTE ES EL COLOR DE LOS PRIMEROS ITEMS DE AQUELLOS QUE TIENEN FLECHAS
	"#FFFF99",		// hover/focus color ["color"|"#hex"|"rgb()"] NO TOCAR YA. ESTE ILUMINA LAS LETRAS DE LOS ITEMS DE CADA MENU.
	"#FFCC00",		// visited color ["color"|"#hex"|"rgb()"] NO TOCAR YA. ESTE ES EL COLOR DE LOS ITEMS DEL MENU
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"",		// additional link CSS (careful!)
	"",		// additional hover/focus CSS (careful!)
	"",		// additional visited CSS (careful!)
	"right-black.gif",// submenu indicator character/image ["text"|"image.gif"|"none"] Tenia right-green.gif
	"right-black.gif",// submenu indicator rollover character/image ["text"|"image.gif"|"none"] (must be the same type) Tenia right-black.gif
	"3",		// clipping width of indicator image ["n" pixels] (only when using image arrows)
	"..",		// alt text of indicator image ["text"] (only when using image arrows)
	];




///////////////////////////////////////////////////////////////////
// MENU CLASSES [comment out or remove if not using]             //
///////////////////////////////////////////////////////////////////


//classes which apply to menus [optional]
um.menuClasses["orangeMenu"] = [
	"#009999 #009999 #009999 #009999",// border colors ["color"|"#hex"|"rgb()"] TENIA ESTO #fdcb95 #a97742 #a97742 #fdcb95
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"8em",		// width ["em"|"ex"|"px"]
	"#009999",		// background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTO #fec
	"",		// additional menu CSS (careful!) (you can use a transition here but *not* a static filter)
	"greenshadow.png",// shadow background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"2px",		// shadow offset (+-) ["em"|"px"|"pt"|"%"|"0"]
	"filter:alpha(opacity=50);", // additional shadow layer CSS (if you use a Microsoft.Shadow filter here then Win/IE5.5+ will do that *instead* of default shadow)
	];


//classes which apply to menu items [optional] AQUI ES DONDE VOY
um.itemClasses["orangeMenuItem"] = [
    "#009999",		// border colors ["color"|"#hex"|"rgb()"] (single, double or four values) AQUI SE LE PONE BORDES A CADA ITEM DEL MENU
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#009999",	// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values) TENIA ESTO #edbb85
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#009999",		// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values) TENIA ESTO #fec
	"solid",	// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#009999",		// background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTO #fec
	"#006666",	// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTO #f8fbd0
	"#009999",		// visited background ["color"|"#hex"|"rgb()"|"image.gif"] TENIA ESTO #fec
	"64%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"Verdana,Tahoma,Helvetica",// font family ["font1,font2,font3"] (always end with a generic family name) TENIA tahoma,sans-serif
	"bold",	// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#FFCC00",	// color ["color"|"#hex"|"rgb()"] TENIA ESTO ANTES #803090
	"#FFFF99",	// hover/focus color ["color"|"#hex"|"rgb()"] TENIA ESTO ANTES #5656bd
	"#FFCC00",	// visited color ["color"|"#hex"|"rgb()"] TENIA ESTO ANTES #803090
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"",		// additional link CSS (careful!)
	"",		// additional hover/focus CSS (careful!)
	"",		// additional visited CSS (careful!)
	"right-black.gif",// submenu indicator character/image ["text"|"image.gif"|"none"] Tenia right-purple.gif(must be the same type as default submenu indicator)
	"right-black.gif",// submenu indicator rollover character/image ["text"|"image.gif"|"none"] Tenia right-blue.gif(must be the same type)
	"..",		// alt text of indicator image  ["text"] (only when using image arrow)
	];




///////////////////////////////////////////////////////////////////
// DYNAMIC MENUS                                                 //
///////////////////////////////////////////////////////////////////