// Initialize WebDDM
function initWebDDM ()
{
	// Preload all images used in this menu
	WebDDM_preloadImages('../menus/winxp/star.gif',
		'../menus/winxp/bg_blue.gif', '../menus/winxp/bg_blue_rollover.gif');
	
	// Child image HTML
	var child_image = '&nbsp;<img src="../menus/winxp/star.gif" style="border-style: none;" />';

	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',

		// Begin array of items, level 0
		'items':{
			'top':0,
			'left':0,
			// Begin item 1
			1:{
				'content':'<a href="../index.html">Home</a>',
				'width':160, 'height':25, 'left':0, 'top':0,
				'class':'winxp',
				'class_rollover':'winxp_rollover'
			},
			// End item 1
			// Begin item 2
			2:{
				'content':'More Info',
				'width':160, 'height':25, 'left':162, 'top':0,
				'class':'winxp',
				'class_menuopen':'winxp_rollover',
				// Begin array of items, item 2
				'items':{
					'top':25,
					'left':0,
					// 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':1,
						'class':'winxp_child',
						'class_rollover':'winxp_child_rollover',
						'css':'text-align:center'
					}
					// End item 2-1
				}
				// End array of items, item 2
			},
			// End item 2
			// Begin item 3
			3:{
				'content':'JavaScript Calls',
				'width':160, 'height':25, 'left':324, 'top':0,
				'class':'winxp',
				'class_menuopen':'winxp_rollover',
				// Begin array of items, item 3
				'items':{
					'top':25,
					'left':0,
					// Begin item 3-1
					1:{
						'content':'<a href="javascript:alert(\'Hello world!\');"> ' + child_image + ' Alert box</a>',
						'width':130, 'height':21, 'left':0, 'top':1,
						'class':'winxp_child',
						'class_rollover':'winxp_child_rollover'
					},
					// End item 3-1
					// Begin item 3-2
					2:{
						'content':'<a href="javascript:void confirm(\'You wanna confirm or what?\');"> ' + child_image + ' Confirm box</a>',
						'width':130, 'height':21, 'left':0, 'top':21,
						'class':'winxp_child',
						'class_rollover':'winxp_child_rollover'
					},
					// End item 3-2
					// Begin item 3-3
					3:{
						'content':'<a href="javascript:void window.open(\'index.html\')"> ' + child_image + ' Open window</a>',
						'width':130, 'height':21, 'left':0, 'top':41,
						'class':'winxp_child',
						'class_rollover':'winxp_child_rollover'
					}

					// End item 3-3
				}
				// End array of items, item 3
			}
			// End item 3
		}
		// End array of items, level 0
	};
	
	// Activate and build menu
	var relativeMenu = new WebDDM('menu', menu);
}