// 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 = "contact";


//navbar orientation
um.orientation = [
	"vertical",	// alignment ["vertical"|"horizontal"|"popup"|"expanding"]
	"left",		// h align ["left"|"right"|"rtl"]
	"top",		// v align ["top"|"bottom"]
	"absolute",	// positioning ["relative"|"absolute"|"fixed"|"allfixed"]
	"0.5em",	// x position ["em"|"ex"|"px"|"0"]
	"0.5em",	// y position ["em"|"ex"|"px"|"0"]
	"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 item margin-right to margin-bottom ["yes"|"no"]
	];


/***************************************************************\
 * MODULE SETTINGS
\***************************************************************/


//keyboard navigation
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"] ("123" = F12)
	"none",		// hotkey modifier ["none"|"shiftKey"|"ctrlKey"|"altKey"|"metaKey"]
	"27",		// escape ["n"|"none"] ("27" = escape key)
	"document.getElementsByTagName('a')[4]", // exit focus ["js-expression"]
	];


/***************************************************************\
 * NAVBAR DEFAULT STYLES
\***************************************************************/


//styles which apply to the navbar
um.navbar = [
	"-6",		// nav to menu x-offset (+-)["n" pixels]
	"-11",	// nav to menu y-offset (+-)["n" pixels]
	"7.5em",	// width ["em"|"ex"|"px"] (vertical navbar only - horizontal navbar items have "auto" width) ("%" doesn't work right)
	];


//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")
	"#ead4a4 #edbb85 #edbb85 #ead4a4",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#ead4a4 #ead4a4 #fae4b4 #fae4b4",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#ead4a4 #edbb85 #edbb85 #ead4a4",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid dashed solid solid",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"9",		// left/right padding ["n" pixels] (single value only)
	"5",		// top/bottom padding ["n" pixels] (single value only)
	"orange-yellow-gradient.jpg",// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"orange-cream-gradient.jpg",// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
	"orange-yellow-gradient.jpg",// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"75%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"tahoma,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
	"bold",		// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#008000",	// color ["color"|"#hex"|"rgb()"]
	"#b05010",	// hover/focus color ["color"|"#hex"|"rgb()"]
	"#008000",	// visited color ["color"|"#hex"|"rgb()"]
	"normal",	// font-style ["normal"|"italic"|"oblique"]
	"normal",	// hover/focus font-style ["normal"|"italic"|"oblique"]
	"normal",	// visited font-style ["normal"|"italic"|"oblique"]
	"background-color:#ffc;letter-spacing:1px !important;",// additional link CSS (careful!)
	"background-color:#ffe;",// additional hover/focus CSS (careful!)
	"background-color:#ffc;",// additional visited CSS (careful!)
	"right-green.gif",// menu indicator character/image ["text"|"image.gif"|"none"]
	"right-red.gif",// menu indicator rollover image ["image.gif"|"none"] (only when using image arrows)
	"7",		// clipping width of indicator image ["n" pixels] (only when using image arrows)
	"..",		// alt text of indicator image ["text"] (only when using image arrows)
	];


/***************************************************************\
 * MENU DEFAULT STYLES
\***************************************************************/


//styles which apply to each menu
um.menus = [
	"-7",		// menu to menu x-offset (+-)["n" pixels]
	"-12",	// menu to menu y-offset (+-)["n" pixels]
	"1",		// border size ["n" pixels] (single value only)
	"#bdb #080 #080 #bdb",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"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"]
	"2",		// padding ["n" pixels] (single value only)
	"#f8fbd0",	// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"",		// 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"|"ex"|"px"|"%"|"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)
	];


//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")
	"#f8fbd0",	// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#aca",		// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#f8fbd0",	// 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)
	"2",		// top/bottom padding ["n" pixels] (single value only)
	"transparent",	// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#ecefc6",	// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
	"transparent",	// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"70%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"tahoma,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
	"normal",	// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#060",		// color ["color"|"#hex"|"rgb()"]
	"#000",		// hover/focus color ["color"|"#hex"|"rgb()"]
	"#060",		// visited color ["color"|"#hex"|"rgb()"]
	"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-green.gif",// submenu indicator character/image ["text"|"image.gif"|"none"]
	"right-black.gif",// submenu indicator rollover image ["image.gif"|"none"] (only when using image arrows)
	"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
\***************************************************************/


//classes which apply to menus
um.menuClasses["orangeMenu"] = [
	"#fdcb95 #a97742 #a97742 #fdcb95",// border colors ["color"|"#hex"|"rgb()"]
	"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"]
	"#fec",		// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"",// additional menu CSS (careful!) (you can use a transition here but *not* a static filter)
	"orangeshadow.png",// shadow background ["color"|"#hex"|"rgb()"|"image.gif"|"none"]
	"2px",		// shadow offset (+-)["em"|"ex"|"px"|"%"|"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
um.itemClasses["orangeMenuItem"] = [
	"#fec",		// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#edbb85",	// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
	"solid",	// hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge"|"inset"|"outset"] (single, double or four values; be careful with using "none")
	"#fec",		// 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")
	"#fec",		// background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#f8fbd0",	// hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
	"#fec",		// visited background ["color"|"#hex"|"rgb()"|"image.gif"]
	"70%",		// font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
	"tahoma,sans-serif",// font family ["font1,font2,font3"] (always end with a generic family name)
	"normal",	// font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
	"none",		// text decoration ["none"|"underline"|"overline"|"line-through"]
	"left",		// text-align ["left"|"right"|"center"]
	"#803090",	// color ["color"|"#hex"|"rgb()"]
	"#5656bd",	// hover/focus color ["color"|"#hex"|"rgb()"]
	"#803090",	// visited color ["color"|"#hex"|"rgb()"]
	"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-purple.gif",// submenu indicator character/image ["text"|"image.gif"|"none"] (must be the same type as default submenu indicator)
	"right-blue.gif",// submenu indicator rollover image ["image.gif"|"none"] (only when using image arrows)
	"..",		// alt text of indicator image  ["text"] (only when using image arrow)
	];


/***************************************************************\
 * DYNAMIC MENUS
\***************************************************************/


um.menuCode["about"] = ''
+ '<ul>'
	+ '<li><a href="/menu/">About UDM</a></li>'
	+ '<li><a href="/menu/benefits/">The Benefits of UDM 4</a></li>'
	+ '<li><a href="/menu/browsers/">Browser support</a></li>'
	+ '<li><a href="/menu/accessibility/">Accessibility tests</a></li>'
	+ '<li><a href="/menu/disadvantages/">Any disadvantages?</a></li>'
	+ '<li><a href="/menu/faq/">General FAQ</a></li>'
	+ '<li class="dividerAbove"><a href="/menu/modules/">Modules &amp; Extensions</a></li>'
	+ '<li><a href="/menu/updates/">Script updates</a></li>'
	+ '<li class="dividerAbove"><a href="/menu/author/">About the author</a></li>'
	+ '<li><a href="/menu/credits/">Credits and thanks</a></li>'
	+ '<li><a href="/licensing/linkback/" title="Link-back to Ultimate Drop Down Menu"> Link-back to UDM</a></li>'
+ '</ul>';


um.menuCode["demos"] = ''
+ '<ul class="orangeMenu" style="width:8em">'
	+ '<li class="orangeMenuItem"><a class="nohref">Styles</a>'
		+ '<ul style="width:7.5em">'
			+ '<li><a href="/demos/style-officexp.php">Office XP</a></li>'
			+ '<li><a href="/demos/style-msdn.php">MSDN</a></li>'
			+ '<li><a href="/demos/style-pinstripe.php">OSX Pinstripe</a></li>'
			+ '<li><a href="/demos/style-red.php">Big Red</a></li>'
			+ '<li><a href="/demos/style-blue.php">Cambridge Blue</a></li>'
			+ '<li><a href="/demos/style-green.php">Green Stripe</a></li>'
			+ '<li><a href="/demos/style-chocolate.php">Chocolate Bar</a></li>'
			+ '<li><a href="/demos/style-getaway.php">Getaway</a></li>'
			+ '<li><a href="/demos/style-original.php">Original skin</a></li>'
		+ '</ul>'
	+ '</li>'
	+ '<li class="orangeMenuItem"><a class="nohref">Configurations</a>'
		+ '<ul style="width:8.5em">'
			+ '<li><a class="nohref">Horizontal</a>'
				+ '<ul style="width:12.1em">'
					+ '<li><a href="/demos/horizontal-absolute-top-left.php">absolute left (h)</a></li>'
					+ '<li><a href="/demos/horizontal-absolute-right.php">absolute pseudo-right (h)</a></li>'
					+ '<li><a href="/demos/horizontal-absolute-rtl.php">absolute with RTL text (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-left.php">relative left (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-left-twonavbars.php">relative left (two navbars) (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-left-table.php">relative left (table based) (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-right.php">relative pseudo-right (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-rtl.php">relative with RTL text (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-center.php">in a centered container (h)</a></li>'
					+ '<li><a href="/demos/horizontal-relative-dropup.php">with drop-up menus (h)</a></li>'
				+ '</ul>'
			+ '</li>'
			+ '<li><a class="nohref">Vertical</a>'
				+ '<ul style="width:12.3em">'
					+ '<li><a href="/demos/vertical-absolute-top-left.php">absolute left (v)</a></li>'
					+ '<li><a href="/demos/vertical-absolute-top-right.php">absolute right (v)</a></li>'
					+ '<li><a href="/demos/vertical-absolute-rtl.php">absolute with RTL text (v)</a></li>'
					+ '<li><a href="/demos/vertical-relative-left.php">relative left (v)</a></li>'
					+ '<li><a href="/demos/vertical-relative-left-table.php">relative left (table based) (v)</a></li>'
					+ '<li><a href="/demos/vertical-relative-right.php">relative right (v)</a></li>'
					+ '<li><a href="/demos/vertical-relative-rtl.php">relative with RTL text (v)</a></li>'
					+ '<li><a href="/demos/vertical-relative-right-table.php">relative right (table based) (v)</a></li>'
				+ '</ul>'
			+ '</li>'
			+ '<li><a class="nohref">Popup menus</a>'
				+ '<ul style="width:9em">'
					+ '<li><a href="/demos/popup-absolute.php">absolutely positioned</a></li>'
					+ '<li><a href="/demos/popup-relative.php">relative to a link</a></li>'
					+ '<li><a href="/demos/popup-frameset.php">across frames</a></li>'
					+ '<li><a href="/demos/popup-flash.php">triggered from flash</a></li>'
				+ '</ul>'
			+ '</li>'
			+ '<li><a class="nohref">Expanding menus</a>'
				+ '<ul style="width:9em">'
					+ '<li><a href="/demos/expanding-single.php" title="single nested level (non-persistent)">single nested level</a></li>'
					+ '<li><a href="/demos/expanding-multiple.php" title="multiple nested levels (persistent)">multiple nested levels</a></li>'
					+ '<li><a href="/demos/expanding-frameset.php" title="in a frameset (persistent)">in a frameset</a></li>'
				+ '</ul>'
			+ '</li>'
			+ '<li><a class="nohref">Other things</a>'
				+ '<ul style="width:11em">'
					+ '<li><a href="/demos/other-dynamic.php">dynamically created menus</a></li>'
					+ '<li><a href="/demos/other-navstyles.php">individual styles</a></li>'
					+ '<li><a href="/demos/other-imagenav.php">all-image navbar (v)</a></li>'
					+ '<li><a href="/demos/other-imagenav-horizontal.php">all-image navbar (h)</a></li>'
					+ '<li><a href="/demos/other-fixed.php">fixed position</a></li>'
					+ '<li><a href="/demos/other-onclick.php">menus open onclick</a></li>'
					+ '<li><a href="/demos/other-lite.php">"lite" menu script</a></li>'
					+ '<li><a href="/demos/other-ultra.php">"ultra-lite" menu script</a></li>'
					+ '<li><a href="/demos/other-purecss.php">pure CSS menus</a></li>'
					+ '<li><a href="/demos/other-rolltext.php">API rollover-text example</a></li>'
					+ '<li><a href="/demos/other-receiver.php">API receiver demo</a></li>'
				+ '</ul>'
			+ '</li>'
			+ '<li><a href="/menu/configs/" title="All configuration demos">All config demos</a></li>'
		+ '</ul>'
	+ '</li>'
	+ '<li class="orangeMenuItem"><a class="nohref">Modules</a>'
		+ '<ul style="width:10em">'
			+ '<li><a href="/demos/module-keyboard.php">Keyboard navigation</a></li>'
			+ '<li><a href="/demos/module-speech.hta" title="Speech output (Windows Internet Explorer)">Speech output (IE)</a></li>'
		+ '</ul>'
	+ '</li>'
	+ '<li class="orangeMenuItem"><a class="nohref">Extensions</a>'
		+ '<ul style="width:8.5em">'
			+ '<li><a href="/demos/extension-active.php">Active Styles</a></li>'
			+ '<li><a href="/demos/extension-autosizing.php">Auto-sizing Menus</a></li>'
			+ '<li><a href="/demos/extension-iframeshim.php">Gecko Iframe-shim</a></li>'
			+ '<li><a href="/demos/extension-horizontal.php">Horizontal Menus</a></li>'
			+ '<li><a href="/demos/extension-import.php">Import HTML</a></li>'
			+ '<li><a href="/demos/extension-keyhelp.php" title="Keyboard Navigation Help">Key Navigation Help</a></li>'
			+ '<li><a href="/demos/extension-loadxml.php">Load XML</a></li>'
			+ '<li><a href="/demos/extension-tooltips.php">Onfocus Tooltips</a></li>'
			+ '<li><a href="/demos/extension-scrolling.php">Scrolling Menus</a></li>'
			+ '<li><a href="/demos/extension-sliding.php">Sliding Menus</a></li>'
			+ '<li><a href="/demos/extension-youarehere.php">"You are here"</a></li>'
		+ '</ul>'
	+ '</li>'
	+ '<li class="orangeMenuItem"><a href="/menu/demos/">All demos</a></li>'
+ '</ul>';


um.menuCode["support"] = ''
+ '<ul style="width:9.8em">'
	+ '<li><a href="/manual/" title="Online developer\\\'s manual">Online manual</a>'
		+ '<ul style="width:9em">'
			+ '<li><a href="/manual/quickstart/">Quick start</a></li>'
			+ '<li class="dividerAbove"><a href="/manual/#contents">Contents:</a></li>'
			+ '<li><a href="/manual/setup/">1. Setting it up</a></li>'
			+ '<li><a href="/manual/customising/">2. Customising</a></li>'
			+ '<li><a href="/manual/final/">3. Final steps</a></li>'
			+ '<li><a href="/manual/depth/">4. In-depth</a></li>'
			+ '<li><a href="/manual/development/" title="5. Further development">5. Development</a></li>'
		+ '</ul>'
	+ '</li>'
	+ '<li><a href="/manual/downloads/" title="Download the developer\\\'s manual">Manual downloads</a></li>'
	+ '<li><a href="/manual/faq/">Technical FAQ</a></li>'
+ '</ul>';


/***************************************************************\
\***************************************************************/