// NOTE: Do NOT use this menu as a start for your own custom menu unless you want a very
// plain, and, indeed, inflexible menu. This menu does not use background-items and it uses
// the "old" style of positioning.

// Initialize WebDDM
function initWebDDM ()
{
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',
		'useOldPositioning':true,

		// Begin array of items, level 0
		'items':{
			'top':0,
			'left':0,
			'width':500,
			'height':23,
			// Begin item 1
			1:{
				'content':'<a href="../index.html">Home</a>',
				'cursor':'hand',
				'width':120, 'height':22, 'left':0, 'top':0,
				'class':'other',
				'css':'background-color:#E08080',
				'css_rollover':'background-color:#FFC0C0'
			},
			// End item 1
			// Begin item 2
			2:{
				'content':'More Info &nbsp; <img src="../menus/win9x/arrow.gif" />',
				'content_menuopen':'More Info &nbsp; <img src="../menus/win9x/arrowover.gif" />',
				'width':120, 'height':22, 'left':119, 'top':0,
				'class':'other',
				'css':'background-color:#80E080',
				'css_menuopen':' background-color:#C0FFC0',
				'openDelay':500,
				'closeDelay':1000,
				// Begin array of items, item 2
				'items':{
					'top':21,
					'left':119,
					'width':206,
					'height':158,
					// Begin item 2-1
					1:{
						'content':'Any <b>H</b><u>T</u><i>M</i><s>L</s> can be used in items, such as lists and graphics:<ul><li>one</li><li><img src="../WebDDM.gif" /></li></ul>',
						'content_rollover':'Dynamically change content at any time!',
						'width':200, 'height':150, 'left':0, 'top': 0,
						'class':'other',
						'css':'background-color:#E0E080;font-size:10px',
						'css_rollover':'background-color:#FFFFC0;font-size:12px',
						
						// Set action to change window status
						'actions':{
							'onmouseover':'window.status="More Info submenu";',
							'onmouseout':'window.status=window.defaultStatus;'
						}
					}
					// End item 2-1
				}
				// End array of items, item 2
			},
			// End item 2
			// Begin item 3
			3:{
				'content':'JavaScript Calls &nbsp; <img src="../menus/win9x/arrow.gif" />',
				'content_menuopen':'JavaScript Calls &nbsp; <img src="../menus/win9x/arrowover.gif" />',
				'width':120, 'height':22, 'left':238, 'top':0,
				'class':'other',
				'css':'background-color:#8080E0',
				'css_menuopen':'background-color:#C0C0FF',
				// Begin array of items, item 3
				'items':{
					'top':21,
					'left':238,
					'width':134,
					'height':65,
					// Begin item 3-1
					1:{
						'content':'<a href="javascript:alert(\'Hello world!\');">Alert box</a>',
						'cursor':'hand',
						'width':130, 'height':22, 'left':0, 'top':0,
						'class':'other',
						'css':'background-image:url(../menus/other/bg.gif);background-position:0px 0px',
						'css_rollover':'background-image:url(../menus/other/bg_rollover.gif)'
					},
					// End item 3-1
					// Begin item 3-2
					2:{
						'content':'<a href="javascript:void confirm(\'You wanna confirm or what?\');">Confirm box</a>',
						'cursor':'hand',
						'width':130, 'height':22, 'left':0, 'top':21,
						'class':'other',
						'css':'background-image:url(../menus/other/bg.gif);background-position:0px -22px',
						'css_rollover':'background-image:url(../menus/other/bg_rollover.gif)'
					},
					// End item 3-2
					// Begin item 3-3
					3:{
						'content':'<a href="javascript:window.open(\'../index.html\')">Open window</a>',
						'cursor':'hand',
						'width':130, 'height':22, 'left':0, 'top':42,
						'class':'other',
						'css':'background-image:url(../menus/other/bg.gif);background-position:0px -44px',
						'css_rollover':'background-image:url(../menus/other/bg_rollover.gif)'
					}
					// End item 3-3
				}
				// End array of items, item 3
			}
			// End item 3
		}
		// End array of items, level 0
	};
	// End base menu

	// Activate and build menu
	var otherMenu = new WebDDM('menu', menu);
}