//Custom menu object
Menu = 
	{
		'Home':
		{
			'Name':'Home',
			'URL': applicationDir + '/index.html'
		},
		'WhoBenefits':
		{
			'Name':'Who Benefits?',
			'URL': applicationDir + '/WhoBenefits.html'
		},
		'Rates':
		{
			'Name':'Conversion and Rates',
			'URL': applicationDir + '/rates.html'
		},
		'Myths':
		{
			'Name':'Conversion Myths',
			'URL': applicationDir + '/whattheysay.html'
		},
		'CurrentConversions':
		{
			'Name':'Current Conversions',
			'URL': applicationDir + '/Current.html'
		},
		'PastConversions':
		{
			'Name':'Past Conversions',
			'URL': applicationDir + '/past.html'
		},
		'FAQ':
		{
			'Name':'FAQ: Get the Facts',
			'URL': applicationDir + '/FAQ.html'
		},
		'News & Resources':
		{
			'Name':'News & Resources',
			'URL': applicationDir + '/NewsResources.html'
		},
		'About':
		{
			'Name':'About Us',
			'URL': applicationDir + '/about.html'
		}
	}


function DrawMenu()
{
	var html = "";
	html = "<ul>";
	for( i in Menu)
	{
		if (i == menuState){ // if on selected page
			
			html += "<li><a href='" + Menu[i].URL + "' target='_top' style='color: black'>" + Menu[i].Name + "</a></li>"; 
		}
		else{
			html += "<li><a href='" + Menu[i].URL + "' target='_top'>" + Menu[i].Name + "</a></li>"; 
		}
	}
	html += "</ul>";
	
	document.getElementById('Menu').innerHTML = html;
}