// JavaScript Document

var URL = unescape(location.href);	// get current URL in plain ASCII
var myPath = "";

if (URL.match("archive")) {myPath = "../";}

document.write('<h2 class="hide">Menu:</h2>');
document.write('<ul class="menu">');

// The if logic below highlights the menu names on the left.  
// Note for this to work, you must name the files appropriately.

// Home
if (URL.match("index") || !(URL.match(".html"))) 
	document.write('<li class="item"><a href="' + myPath + 'index.html" class="purpleon">Welcome!</a></li>');
else
	document.write('<li class="item"><a href="' + myPath + 'index.html" class="purple">Welcome!</a></li>');

// About Us
if (URL.match("about"))
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, aboutus, \'170px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'about.html" class="orangeon">About Us</a></li>');
else
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, aboutus, \'170px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'about.html" class="orange">About Us</a></li>');

// Activities & Events
if (URL.match("events"))
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, events, \'180px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'events.html" class="pinkon">Activities &amp; Events</a></li>');
else
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, events, \'180px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'events.html" class="pink">Activities &amp; Events</a></li>');

// Services
if (URL.match("services"))
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, services, \'180px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'services.html" class="greenon">Services</a></li>');
else
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, services, \'180px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'services.html" class="green">Services</a></li>');

// Resources
if (URL.match("resources"))
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, resources, \'130px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'resources.html" class="blueon">Resources</a></li>');
else
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, resources, \'130px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'resources.html" class="blue">Resources</a></li>');

// Calendar
if (URL.match("calendar.html"))
	document.write('<li class="item"><a href="' + myPath + 'calendar.html" class="tealon">Calendar</a></li>');
else
	document.write('<li class="item"><a href="' + myPath + 'calendar.html" class="teal">Calendar</a></li>');

// Contact Us
if (URL.match("contact"))
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, contact, \'130px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'contact.html" class="violeton">Contact Us</a></li>');
else
	document.write('<li class="item" onmouseover="dropdownmenu(this, event, contact, \'130px\')" onmouseout="delayhidemenu()"><a href="' + myPath + 'contact.html" class="violet">Contact Us</a></li>');

document.write('</ul>');