// Copyright 2006-2007 javascript-array.com

var timeout	= 10;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose;

str = '<ul id="nav">'
 + '  <li><a href="about.html" onmouseover="mopen(\'sub_about\')" onmouseout="mclosetime()">About Us</a>'
 + '    <div id="sub_about" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">'
 + '      <a href="roster.html">UACERT Roster</a>'
 + '      <a href="organizational_chart.html">Organizational Chart</a>'
 + '      <a href="executive_policy_group.html">Executive Policy Group</a>'
 + '      <a href="faqs.html">FAQs</a>'
 + '    </div>'
 + '  </li>'
 + '  <li><a href="events.html" onmouseover="mopen(\'sub_events\')" onmouseout="mclosetime()">Events</a>'
 + '    <div id="sub_events" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">'
// + '    <a href="training_education.html">Training/Education</a>'
// + '    <a href="exercises.html">Exercises</a>'
 + '      <a href="meetings.html">UACERT Meetings</a>'
 + '      <a href="past_incidents.html">Past Incidents</a>'
 + '      <a href="h1n1_news.html">H1N1 Virus</a>'
 + '    </div>'
 + '  </li>'
 + '  <li><a href="resources.html" onmouseover="mopen(\'sub_resources\')" onmouseout="mclosetime()">UA Resources</a>'
 + '    <div id="sub_resources" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">'
 + '      <a href="emergency_information.html">Emergency Numbers and<br />Resources</a>'
 + '      <a href="plans.html">Plans</a>'
 + '      <a href="departments.html">Departments</a>'
 + '    </div>'
 + '  </li>'
 + '  <li><a href="useful_links.html" onmouseover="mopen(\'sub_links\')" onmouseout="mclosetime()">Useful Links</a>'
 + '    <div id="sub_links" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">'
 + '      <a href="useful_links.html#federal">Federal</a>'
 + '      <a href="useful_links.html#state">State of Arizona</a>'
 + '      <a href="useful_links.html#county">Pima County</a>'
 + '      <a href="useful_links.html#city">City of Tucson</a>'
 + '    </div>'
 + '  </li>'
 + '  <li><a href="contact.html">Contact Us</a></li>'
 + '</ul>';

document.write(str);