/**
 * Sets the style of 'id' to visible. Mainly used for the appearance of
 * the drop down menu system.
 * @param  id  is the id of the drop down list to be shown
 */
function show( id )
{
	document.getElementById( id ).style.visibility = "visible";
}

/**
 * Sets the style of 'id' to hidden. Mainly used for the hiding of
 * the drop down menu system.
 * @param  id  is the id of the drop down list to be hidden
 */
function hide( id )
{
	document.getElementById( id ).style.visibility = "hidden";
}

document.write( '<ul id="primaryNav">' );

document.write( '<li class="normLink"><a href="index.html">Home</a></li>' );

// START: Drop down for Overview
document.write( '<li class="normLink" onMouseOver="javascript:show(\'ddOverview\');" onMouseOut="javascript:hide(\'ddOverview\');">' );
document.write( '<a href="overview.html">Overview</a>' );
document.write( '<ul id="ddOverview" onMouseOver="javascript:show(\'ddOverview\');" onMouseOut="javascript:hide(\'ddOverview\');">' );
document.write( '<li class="mainLink"><a href="overview.html">Overview</a></li>' );
document.write( '<li><a href="background.html">Background</a></li>' );
document.write( '<li><a href="unit_rationale.html">Unit Rationale</a></li>' );
document.write( '<li><a href="unit_summary.html">Unit Summary</a></li>' );
document.write( '<li><a href="prior_knowledge.html">Prior Knowledge</a></li>' );
document.write( '<li><a href="considerations.html">Considerations</a></li>' );
document.write( '<li><a href="g56_curriculum_links.html">Gr. 5-6 Curriculum Links</a></li>' );
document.write( '<li><a href="g78_curriculum_links.html">Gr. 7-8 Curriculum Links</a></li>' );
document.write( '<li><a href="g56_workshops.html">Grade 5-6 Lessons</a></li>' );
document.write( '<li><a href="g78_workshops.html">Grade 7-8 Lessons</a></li>' );
document.write( '<li><a href="final_project_ideas.html">Final Project Ideas</a></li>' );
document.write( '<li><a href="student_projects.html">Student Projects</a></li>' );
document.write( '<li class="lastDD"> </li>' );
document.write( '</ul>' );
document.write( '</li>' );
// END: Drop down for Overview

// START: Drop down for Planning
document.write( '<li class="normLink" onMouseOver="javascript:show(\'ddPlanning\');" onMouseOut="javascript:hide(\'ddPlanning\');">' );
document.write( '<a href="planning.html">Planning</a>' );
document.write( '<ul id="ddPlanning" onMouseOver="javascript:show(\'ddPlanning\');" onMouseOut="javascript:hide(\'ddPlanning\');">' );
document.write( '<li class="mainLink"><a href="planning.html">Planning</a></li>' );

// START: Drop down for Planning>>Gr 5-6 Downloads
document.write( '<li onMouseOver="javascript:show(\'gr56Downloads\');" onMouseOut="javascript:hide(\'gr56Downloads\');">' );
document.write( '<a class="withArrow" href="g56_treasured_memories.html">Family Stories for Gr. 5-6</a><img class="arrow" src="images/dd_arrow.jpg" />' );
document.write( '<ul id="gr56Downloads" onMouseOver="javascript:show(\'gr56Downloads\');" onMouseOut="javascript:hide(\'gr56Downloads\');">' );
document.write( '<li class="secondLevel"><a href="g56_tm_dl_teachers.html">Downloads for Teachers</a></li>' );
document.write( '<li class="last"><a href="g56_tm_dl_students.html">Downloads for Students</a></li>' );
document.write( '</ul>' );
document.write( '</li>' );
// END: Drop down for Planning>>Gr 5-6 Downloads

// START: Drop down for Planning>>Gr 7-8 Downloads
document.write( '<li onMouseOver="javascript:show(\'gr78Downloads\');" onMouseOut="javascript:hide(\'gr78Downloads\');">' );
document.write( '<a class="withArrow" href="g78_treasured_memories.html">Family Stories for Gr. 7-8</a><img class="arrow" src="images/dd_arrow.jpg" />' );
document.write( '<ul id="gr78Downloads" onMouseOver="javascript:show(\'gr78Downloads\');" onMouseOut="javascript:hide(\'gr78Downloads\');">' );
document.write( '<li class="secondLevel"><a href="g78_tm_dl_teachers.html">Downloads for Teachers</a></li>' );
document.write( '<li class="last"><a href="g78_tm_dl_students.html">Downloads for Students</a></li>' );
document.write( '</ul>' );
document.write( '</li>' );
// END: Drop down for Planning>>Gr 7-8 Downloads

document.write( '<li class="lastDDie7"><a href="other_resources.html">Other Resources</a></li>' );
document.write( '<li class="lastDD"> </li>' );
document.write( '</ul>' );
document.write( '</li>' );
// END: Drop down for Planning

// START: Drop down for Digital Content
document.write( '<li class="normLink" onMouseOver="javascript:show(\'ddDigitalContent\');" onMouseOut="javascript:hide(\'ddDigitalContent\');">' );
document.write( '<a href="digital_content.html">Digital Content</a>' );
document.write( '<ul id="ddDigitalContent" onMouseOver="javascript:show(\'ddDigitalContent\');" onMouseOut="javascript:hide(\'ddDigitalContent\');">' );
document.write( '<li class="mainLink"><a href="digital_content.html">Digital Content</a></li>' );
document.write( '<li><a href="copyright.html">Copyright Agreement</a></li>' );
document.write( '<li><a href="historical_photos.html">Historical Photo Collection</a></li>' );
document.write( '<li><a href="oral_history.html">Oral History Collection</a></li>' );
document.write( '<li class="lastDD"> </li>' );
document.write( '</ul>' );
document.write( '</li>' );
// END: Drop down for Digital Content

document.write( '<li class="normLink"><a href="feedback.html">Feedback</a></li>' );

document.write( '<li class="lastLink"><a href="contact_us.html">Contact Us</a></li>' );
document.write( '</ul>' );