//Highlights the current page. If the current page is a sub-menu item, the menu containing the sub-menu will be open when the page loads. If the sub-menu items
//are anchor links, they will not be highlighted when clicked.
function highlight (){
	for (var i=0; i<document.links.length; i++) {
		curPage = document.links[i]
		linkclass = document.links[i].className
		curPagePath = curPage.pathname.substring(curPage.pathname.lastIndexOf('/' || '\\'),curPage.pathname.length)
		pagePath = window.location.pathname.substring(window.location.pathname.lastIndexOf('/' || '\\'),window.location.pathname.length)
		li = curPage.parentNode
		ul = li.parentNode
		if ((pagePath == curPagePath) && (linkclass != 'omit')){
			curPage.className = 'current'
		}
		else if ((pagePath == curPagePath) && (li.className == 'open')){
			curPage.className = 'current'
			li.className = 'show'
		}
		else {
			curPage.className = 'blank'
		}
		if ((pagePath == curPagePath) && (ul.className == 'menu')) {
			curPage.className = 'sub'
			ul.style.display = 'block'
		}			
	}	
}

window.onload = highlight;

<!-- Writes the HTML for the menu -->
function initMenu () {
	
var nav = "";

nav += "<div id='nav'>";
nav += "<ul>";
nav += "	<li><a href='index.html' class='blank'>Home</a></li>";
nav += "	<li class='open'><a href='about.html' class='omit'>Who We Are</a>";
nav += "		<ul class='menu'>";
nav += "			<li class='anchor'><a href='about.html#who' class='blank'>Who We Are</a></li>";
nav += "			<li class='anchor'><a href='about.html#what' class='blank'>What We Do</a></li>";
nav += "			<li class='anchor'><a href='about.html#services' class='blank'>Services</a></li>";
<!--nav += "			<li class='anchor'><a href='about.html#team' class='blank'>Our Team</a></li>";-->
nav += "			<li class='anchor'><a href='about.html#acknow' class='blank'>Acknowledgements</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li><a href='museum.html' class='blank'>Museum</a></li>";
nav += "	<li class='open'><a href='exhibits.html' class='omit'>Exhibits</a>";
nav += "		<ul class='menu'>";
nav += "			<li class='anchor'><a href='exhibits.html#traveling' class='blank'>Traveling</a></li>";
nav += "			<li class='anchor'><a href='exhibits.html#other' class='blank'>Other</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li class='open'><a href='publications.html' class='blank'>Publications</a>";
nav += "		<ul class='menu'>";
nav += "			<li class='anchor'><a href='publications.html#poly' class='blank'>Polyphony</a></li>";
nav += "			<li class='anchor'><a href='publications.html#conf' class='blank'>Conferences</a></li>";
nav += "			<li class='anchor'><a href='publications.html#voices' class='blank'>Voices Series</a></li>";
nav += "			<li class='anchor'><a href='publications.html#mono' class='blank'>Monographs</a></li>";
nav += "			<li class='anchor'><a href='publications.html#encyclopedia' class='blank'>Encyclopedia</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li class='open'><a href='research.html' class='omit'>Research</a>";
nav += "		<ul class='menu'>";
nav += "			<li><a href='research.html#online' class='blank'>Online Resources</a></li>";
nav += "			<li><a href='library.html' class='blank'>Library</a></li>";
nav += "			<li><a href='collections.html' class='blank'>Collections</a></li>";
nav += "			<li><a href='reprod.html' class='blank'>Reproduction</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li class='open'><a href='school.html' class='omit'>Programs & Services</a>";
nav += "		<ul class='menu'>";
nav += "			<li><a href='visits.html' class='blank'>School Programs</a></li>";
nav += "			<li><a href='teaching.html' class='blank'>Community Programs</a></li>";
nav += "			<li><a href='online.html' class='blank'>Online Resources</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li class='open'><a href='member.html' class='omit'>Support Us</a>";
nav += "		<ul class='menu'>";
nav += "			<li class='anchor'><a href='member.html#Membership' class='blank'>Membership</a></li>";
nav += "			<li class='anchor'><a href='member.html#Donation' class='blank'>Donation</a></li>";
nav += "			<li class='anchor'><a href='member.html#Volunteering' class='blank'>Volunteering</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li><a href='news.html' class='blank'>In the News</a></li>";
nav += "	<li class='open'><a href='contact.html' class='omit'>Contact Us</a>";
nav += "		<ul class='menu'>";
nav += "			<li class='anchor'><a href='contact.html#contact' class='blank'>Contacts</a></li>";
nav += "			<li class='anchor'><a href='contact.html#locations' class='blank'>Locations</a></li>";
nav += "			<li class='anchor'><a href='contact.html#hours' class='blank'>Hours</a></li>";
nav += "		</ul>";
nav += "	</li>";
nav += "	<li><A HREF='http://www.canadahelps.org/CharityProfilePage.aspx?CharityID=d11309'><IMG SRC='http://www.canadahelps.org/image/donateNow2e1.gif' BORDER='0' WIDTH=100% ALT='Donate Now Through CanadaHelps.org!'/></A></li>";
nav += "</ul>";
nav += "</div>";

document.write(nav);
}