// Initialize WebDDM
function initWebDDM ()
{
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',
		/* Float configuration */
		'float':true,
		'floatSpeed':70, // Don't go above 99

		// Begin array of items, level 0
		'items':{
			'top':0,
			'left':0,
			'width':484,
			'height':22,
			'filter':'progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#cccccc,strength=2)',
			// Begin item 1
			1:{
				'content':'>>',
				'cursor':'default',
				'expand_menu':'click|auto',
				'contract_menu':'click|none', // The menu can be closed with click, but will not be closed AT ALL otherwise
				'width':20, 'height':22, 'left':1, 'top':1,
				'class':'officexp',
				'class_rollover':'officexp_rollover',
				'class_menuopen_rollover':'officexp_rollover',

				// Begin array of items, item 1
				'items':{
					'top':0,
					'left':20,

					/* Sliding submenu (clipTrans) configuration */
					'clipTrans':{
						'duration':500,
						'frames':10,
						'transitionIn':'east-to-west-slide',
						'transitionOut':'west-to-east-slide'
					},
					
					// 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, item 1
			}
		}
		// End array of items, level 0
	};
	// End base menu

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