// Initialize WebDDM
function initWebDDM ()
{
	// Preload all the images we will be using...
	WebDDM_preloadImages('/arrowdown.gif',
		'/arrowleft.gif');
	
	// Set arrow HTML
	arrowDown = '<span style="position:relative;top:0;left:5;">'+
		'<img src="/arrowdown.gif" />' +
		'</span>';
	arrowLeft = '<span style="position:relative;top:0;left:5;">'+
		'<img src="/arrowleft.gif" />' +
		'</span>';
	
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':1,
		'left':1,
		'width':1515,
		'height':21,
		'expand_menu':'auto',
		'items':{
			'top':0,
			'left':0,
			'width':1545,
			'height':21,
			// This is sort of the container for all of the rest of the items
			1:{
				'content':'&nbsp;',
				'isContainerItem':true,
				'width':1498, 'height':20, 'left': '0%', 'top': '0%',
				'class':'container',
				'css':'line-height:1'
			},
			2:{
				'content':'Home',
				'content_rollover':'<a href="/index.html">Home</a>',
				'class_rollover':'mainmenu_rollover',
				'width':96, 'height':18, 'left':1, 'top':1,
				'class':'mainmenu_off'
			},
			3:{
				'content':'Vision',
				'content_rollover':'<a href="/vision.html">Vision</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':98, 'top': 1,
				'class':'mainmenu_off'
			},
			4:{
				'content':'Our Approach',
				'content_rollover':'<a href="/our_approach.html">Our Approach</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':198, 'top': 1,
				'class':'mainmenu_off'
			},
			5:{
				'content':'Goals',
				'content_rollover':'<a href="/goals.html">Goals</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':298, 'top': 1,
				'class':'mainmenu_off'
			},
			6:{
				'content':'Trust Structure',
				'content_rollover':'<a href="/trust_structure.html">Trust Structure</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':398, 'top': 1,
				'class':'mainmenu_off'
			},
			7:{
				'content':'Beneficiaries',
				'content_rollover':'<a href="/sponsors.html">Beneficiaries</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':498, 'top': 1,
				'class':'mainmenu_off'
			},
			8:{
				'content':'Project News '+arrowLeft,
				'content_menuopen':'<a href="/project_news.html">Project News</a> ' + arrowDown,
				'width':99, 'height':18, 'left':598, 'top': 1,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				// Begin array of items
				'items':{
					'top':19,
					'left':0,
					'width':101,
					'height':24,
					// This is a container for the rest of the items
					1:{
						'content':'&nbsp;',
						'isContainerItem':true,
						'width':101,
						'height':20,
						'left':0, 'top':0,
						'class':'container',
						'css':'line-height:1'
					},
					2:{
						'content':'News Archive',
						'content_rollover':'<a href="/news_archive.html">News Archive</a>',
						'class_rollover':'mainmenu_rollover',
						'width':99, 'height':18, 'left':1, 'top':1,
						'class':'mainmenu_off'
					}
				}
			},
			9:{
				'content':'Contributions',
				'content_rollover':'<a href="/donors.html">Contributions</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':698, 'top': 1,
				'class':'mainmenu_off'
			},
			10:{
				'content':'Contact',
				'content_rollover':'<a href="/contact.html">Contact</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':798, 'top': 1,
				'class':'mainmenu_off'
			},
			11:{
				'content':'Links',
				'content_rollover':'<a href="/links.html">Links</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':898, 'top': 1,
				'class':'mainmenu_off'
			},
			12:{
				'content':'Donate '+arrowLeft,
				'content_menuopen':'<a href="/donate.html">Donate</a> ' + arrowDown,
				'width':99, 'height':18, 'left':998, 'top': 1,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				// Begin array of items
				'items':{
					'top':19,
					'left':0,
					'width':101,
					'height':24,
					// This is a container for the rest of the items
					1:{
						'content':'&nbsp;',
						'isContainerItem':true,
						'width':101,
						'height':20,
						'left':0, 'top':0,
						'class':'container',
						'css':'line-height:1'
					},
					2:{
						'content':'Register',
						'content_rollover':'<a href="/register.html">Register</a>',
						'class_rollover':'mainmenu_rollover',
						'width':99, 'height':18, 'left':1, 'top':1,
						'class':'mainmenu_off'
					}
				}
			},
			13:{
				'content':'Sponsors',
				'content_rollover':'<a href="/sponsors_2.html">Sponsors</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':1098, 'top': 1,
				'class':'mainmenu_off'
			},
			14:{
				'content':'Carbon Offsetting',
				'content_rollover':'<a href="/carbon_offsetting.html">Carbon Offsetting</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':1198, 'top': 1,
				'class':'mainmenu_off'
			},
			15:{
				'content':'Events',
				'content_rollover':'<a href="/events__fundraisers.html">Events</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':1298, 'top': 1,
				'class':'mainmenu_off'
			},
			16:{
				'content':'K to C',
				'content_rollover':'<a href="/kosi_to_cape_on_foot.html">K to C</a>',
				'class_rollover':'mainmenu_rollover',
				'width':99, 'height':18, 'left':1398, 'top': 1,
				'class':'mainmenu_off'
			}
		}
	};	// End base menu
		// Activate and build menu
		var WebDDM_mainmenu = new WebDDM('mainmenu', menu);
}