// Initialize WebDDM
function initWebDDM ()
{
	// Preload all the images we will be using...
	WebDDM_preloadImages('menus/mainmenu/arrowdown.gif',
		'menus/mainmenu/arrowleft.gif');
	
	// Set arrow HTML
	var arrowDown = '<span style="position:relative;top:0;left:5;">'+
		'<img src="../menus/mainmenu/arrowdown.gif" style="border-style: none;" />' +
		'</span>';
	var arrowLeft = '<span style="position:relative;top:0;left:5;">'+
		'<img src="../menus/mainmenu/arrowleft.gif" style="border-style: none;" />' +
		'</span>';
		
	// Default styles (imported later)
	var default_styles = {
		'class':'mainmenu_off',
		'class_menuopen':'mainmenu_rollover',
		'class_menuopen_pressed':'mainmenu_rollover_pressed',
		'class':'mainmenu_off',
		'class_rollover':'mainmenu_rollover',
		'class_rollover_pressed':'mainmenu_rollover_pressed',
		'cursor':'hand'
	};
			
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',

		'items':{
			'top':0,
			'left':0,
			'width':340,
			'height':27,
			
			// Background item
			'background-item':{
				'width':340, 'height':26, 'left':0, 'top':0,
				'class':'container'
			},
			
			1:{
				'content':'Home',
				'content_rollover':'<a class="mainmenu_rollover" href="../index.html"><u>H</u>ome</a>',
				'width':100, 'height':20, 'offsetLeft':3, 'offsetTop':3,
				'import':[default_styles]
			},
			2:{
				'content':'More Info' + arrowLeft,
				'content_menuopen':'<a class="mainmenu_rollover" href="../index.html"><u>M</u>ore <u>I</u>nfo' + arrowDown + '</a>',
				'width':100, 'height':20, 'offsetLeft':102, 'offsetTop':0,
				'import':[default_styles],

				'items':{
					'top':20,
					'left':0,
					'width':206,
					'height':158,

					// Background item
					'background-item':{
						'width':206, 'height':156, 'left':0, 'top': 2,
						'class':'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':200, 'height':150, 'offsetLeft':3, 'top':3,
						'css_rollover': 'font-weight: normal;',
						'cursor': 'default',
						'import':[default_styles]
					}
				}
			},
			// End item 3
			// Begin item 4
			3:{
				'content':'JavaScript Calls'+arrowLeft,
				'content_menuopen':'<a class="mainmenu_rollover" href="index.html"><u>J</u>ava<u>S</u>cript <u>C</u>alls'+arrowDown+'</a>',
				'width':130, 'height':20, 'offsetLeft':102, 'offsetTop':0,
				'import':[default_styles],

				'items':{
					'top':20,
					'left':0,
					'width':136,
					'height':72,

					// Background item
					'background-item':{
						'width':136, 'height':70, 'left':0, 'top':2,
						'class':'container'
					},

					1:{
						'content':'Alert Box',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:alert(\'Hello world!\');"><u>A</u>lert <u>B</u>ox</a>',
						'width':130, 'height':20, 'offsetLeft':3, 'offsetTop':3,
						'import':[default_styles]
					},
					2:{
						'content':'Confirm Box',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:void confirm(\'You wanna confirm or what?\');"><u>C</u>onfirm <u>B</u>ox</a>',
						'width':130, 'height':20, 'offsetLeft':0, 'offsetTop':22,
						'import':[default_styles]
					},
					3:{
						'content':'Open Window',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:void window.open(\'../index.html\')"><u>O</u>pen <u>W</u>indow</a>',
						'width':130, 'height':20, 'offsetLeft':0, 'offsetTop':22,
						'import':[default_styles]
					}
					// End item 4-4
				}
				// End array of items, item 4
			}
			// End item 4
		}
	};
	
	var WebDDM_classic = new WebDDM('menu', menu);
}
