// 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>';
			
	// Set arrow HTML
	var HorizontalDivider = '<span style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;color: #000000;"> | </span>';
		
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':600,
		'height':20,
		'expand_menu':'auto',

		// Begin array of items, level 0
		'items':{
			'top':0,
			'left':0,
			
			'background-item':{
				'width': 600, 'height': 20,
				'top':0, 'left':0/*,
				'class': 'container'*/
			},
			
			1:{
				'content':'Home',
				'content_rollover':'<a href="index.html">Home</a>',
				'cursor':'hand',
				'width':40, 'height':20, 'offsetLeft': 0, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			},
			2:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 40, 'offsetTop': 0
			},
			3:{
				'content':'About' + arrowLeft,
				'content_menuopen':'<a href="about.html">About' + arrowDown + '</a>',
				'cursor':'hand',
				'width':40, 'height':20, 'offsetLeft': 16,'offsetTop': 0,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				
				// Begin array of items
				'items':{
					'top':20,
					'left':0,
					
					'background-item':{
						'width': 206, 'height': 65,
						'top':5, 'left':0,
						'class': 'container'
					},
					
					1:{
						'content': 'Company',
						'content_rollover':'<a href="about.html">Company</a>',
						'cursor':'hand',
						'width':200, 'height':20, 'offsetLeft':5, 'offsetTop':0,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover'
					},
					2:{
						'content':'Map & Directions',
						'content_rollover':'<a href="about_map.html">Map & Directions</a>',
						'cursor':'hand',
						'width':200, 'height':20, 'offsetTop':20,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover'
					},
					3:{
						'content':'Founder',
						'content_rollover':'<a href="about_anil.html">Founder</a>',	
						'cursor':'hand',
						'width':200, 'height':20, 'offsetTop':20,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover'
					}
				}
				// End array of items
			},
			4:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 56, 'offsetTop': 0
			},
			5:{
				'content':'Capabilities',
				'content_rollover':'<a href="capabilities.html">Capabilities</a>',
				'cursor':'hand',
				'width':56, 'height':20, 'offsetLeft': 16, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			},
			6:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 93, 'offsetTop': 0
			},
			7:{
				'content':'Products',
				'content_rollover':'<a href="products.html">Products</a>',
				'cursor':'hand',
				'width':56, 'height':20, 'offsetLeft': 16, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			},
			8:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 70, 'offsetTop': 0
			},
			9:{
				'content':'Services',
				'content_rollover':'<a href="services.html">Services</a>',
				'cursor':'hand',
				'width':51, 'height':20, 'offsetLeft': 16, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			},
			10:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 70, 'offsetTop': 0
			},
			11:{
				'content':'Clients',
				'content_rollover':'<a href="clients.html">Clients</a>',
				'cursor':'hand',
				'width':51, 'height':20, 'offsetLeft': 16, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			},
			12:{
				'content':HorizontalDivider,
				'content_rollover': HorizontalDivider,
				'cursor':'default',
				'width':16, 'height':20, 'offsetLeft': 55, 'offsetTop': 0
			},
			13:{
				'content':'Careers',
				'content_rollover':'<a href="careers.html">Careers</a>',
				'cursor':'hand',
				'width':51, 'height':20, 'offsetLeft': 16, 'offsetTop': 0,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover'
			}
		}
		// End array of items
	};
	// End base menu

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