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

		'items':{
			'top':0,
			'left':0,
			'width':500,
			'height':27,
			
			// Background item
			'background-item':{
				'width':482, 'height':27, 'left':0, 'top':0,
				'class':'macosx_container'
			},

			1:{
				'content':'<a href="../index.html">Home</a>',
				'cursor':'hand',
				'width':160, 'height':25, 'offsetLeft':1, 'top':1,
				'class':'macosx',
				'class_rollover':'macosx_rollover'
			},
			2:{
				'content':'More Info',
				'width':160, 'height':25, 'offsetLeft':160, 'offsetTop':0,
				'class':'macosx',
				'class_menuopen':'macosx_rollover',

				'items':{
					'top':23,
					'left':0,
					'width':201,
					'height':155,

					// Background item
					'background-item':{
						'width':201, 'height':151, 'left':0, 'top':2,
						'class':'macosx_container'
					},

					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':199, 'height':149, 'offsetLeft':1, 'offsetTop':1,
						'class':'macosx',
						'class_rollover':'macosx_rollover',
						'css':'text-align:center'
					}
				}
			},
			3:{
				'content':'JavaScript Calls',
				'width':160, 'height':25, 'offsetLeft':160, 'offsetTop':0,
				'class':'macosx',
				'class_menuopen':'macosx_rollover',
				// Begin array of items, item 4
				'items':{
					'top':23,
					'left':0,
					'width':136,
					'height':68,
					
					// Background item
					'background-item':{
						'width':132, 'height':67, 'left':0, 'top':3,
						'class':'macosx_container'
					},

					1:{
						'content':'<a href="javascript:alert(\'Hello world!\');"> &nbsp; Alert box</a>',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetLeft':1, 'offsetTop':0,
						'class':'macosx',
						'class_rollover':'macosx_rollover'
					},
					2:{
						'content':'<a href="javascript:void confirm(\'You wanna confirm or what?\');"> &nbsp; Confirm box</a>',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetLeft':0, 'offsetTop':21,
						'class':'macosx',
						'class_rollover':'macosx_rollover'
					},
					3:{
						'content':'<a href="javascript:window.open(\'index.html\')"> &nbsp; Open window</a>',
						'cursor':'hand',
						'width':130, 'height':21, 'offsetLeft':0, 'offsetTop':21,
						'class':'macosx',
						'class_rollover':'macosx_rollover'
					}
				}
			}
		}
	};
	// End base menu

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