// Initialize WebDDM
function initWebDDM ()
{
	// 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,
			
			// Background item
			'background-item':{
				'width':484, 'height': 22,
				'top': 0, 'left': 0,
				'class':'officexp_container'
			},
			
			1:{
				'content':'<a href="../index.html">Home</a>',
				'cursor':'hand',
				'width':160, 'height':20, 'offsetLeft':1, 'offsetTop':1,
				'class':'officexp',
				'class_rollover':'officexp_rollover'
			},
			2:{
				'content':'More Info',
				'width':160, 'height':20, 'offsetLeft':161,
				'class':'officexp',
				'class_menuopen':'officexp_rollover',

				'items':{
					'top':20,
					'left':0,

					'background-item':{
						'top':1, 'left':0,
						'width':204, 'height':154,
						'class':'officexp_container_child'
					},

					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':2, 'top':2,
						'class':'officexp_child',
						'class_rollover':'officexp_child_rollover',
						'css':'text-align:center; vertical-align:Middle'
					}
				}
				// End array of items, item 3
			},
			3:{
				'content':'JavaScript Calls',
				'width':160, 'height':20, 'offsetLeft':161,
				'class':'officexp',
				'class_menuopen':'officexp_rollover',

				'items':{
					'top':20,
					'left':0,

					'background-item':{
						'top':1, 'left':0,
						'width':134, 'height':69,
						'class':'officexp_container_child'
					},

					1:{
						'content':' <a href="javascript:alert(\'Hello world!\');">&nbsp;<img src="../menus/officexp/ie.gif" /> Alert box</a>',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetLeft':2, 'offsetTop':2,
						'class':'officexp_child',
						'class_rollover':'officexp_child_rollover'
					},
					2:{
						'content':' <a href="javascript:void confirm(\'You wanna confirm or what?\');">&nbsp;<img src="../menus/officexp/ie.gif" /> Confirm box',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetTop':22,
						'class':'officexp_child',
						'class_rollover':'officexp_child_rollover'
					},
					3:{
						'content':' <a href="javascript:void window.open(\'../index.html\')">&nbsp;<img src="../menus/officexp/ie.gif" /> Open window',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetTop':22,
						'class':'officexp_child',
						'class_rollover':'officexp_child_rollover',
						'css':'vertical-align:Middle'
					}
				}
				// End array of items, item 4
			}
		}
		// End array of items, level 0
	};
	// End base menu

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