// JavaScript Document
// Change images with mouseover
loadImage1 = new Image();
loadImage1.src = "Images/vertical/information.gif";
staticImage1 = new Image();
staticImage1.src = "Images/vertical/information_active.gif";
loadImage2 = new Image();
loadImage2.src = "Images/vertical/overview.gif";
staticImage2 = new Image();
staticImage2.src = "Images/vertical/overview_active.gif";
loadImage3 = new Image();
loadImage3.src = "Images/vertical/Framingham.gif";
staticImage3 = new Image();
staticImage3.src = "Images/vertical/framingham_active.gif";
loadImage4 = new Image();
loadImage4.src = "Images/vertical/Natick.gif";
staticImage4 = new Image();
staticImage4.src = "Images/vertical/Natick_active.gif";
loadImage5 = new Image();
loadImage5.src = "Images/vertical/tour.gif";
staticImage5 = new Image();
staticImage5.src = "Images/vertical/tour_active.gif";
loadImage6 = new Image();
loadImage6.src = "Images/vertical/maps.gif";
staticImage6 = new Image();
staticImage6.src = "Images/vertical/maps_active.gif";
loadImage7 = new Image();
loadImage7.src = "Images/vertical/crt.gif";
staticImage7 = new Image();
staticImage7.src = "Images/vertical/crt_active.gif";
loadImage8 = new Image();
loadImage8.src = "Images/vertical/regionalmap.gif";
staticImage8 = new Image();
staticImage8.src = "Images/vertical/regionalmap_active.gif";
loadImage9 = new Image();
loadImage9.src = "Images/vertical/brochure.gif";
staticImage9 = new Image();
staticImage9.src = "Images/vertical/brochure_active.gif";
loadImage10 = new Image();
loadImage10.src = "Images/vertical/contributors.gif";
staticImage10 = new Image();
staticImage10.src = "Images/vertical/contributors_active.gif";
loadImage11 = new Image();
loadImage11.src = "Images/vertical/links.gif";
staticImage11 = new Image();
staticImage11.src = "Images/vertical/links_active.gif";
loadImage12 = new Image();
loadImage12.src = "Images/vertical/search.gif";
staticImage12 = new Image();
staticImage12.src = "Images/vertical/search_active.gif";
loadImage13 = new Image();
loadImage13.src = "Images/vertical/progress.gif";
staticImage13 = new Image();
staticImage13.src = "Images/vertical/progress_active.gif";
loadImage14 = new Image();
loadImage14.src = "Images/vertical/newsletters.gif";
staticImage14 = new Image();
staticImage14.src = "Images/vertical/newsletters_active.gif";
loadImage15 = new Image();
loadImage15.src = "Images/vertical/construction.gif";
staticImage15 = new Image();
staticImage15.src = "Images/vertical/construction_active.gif";
loadImage16 = new Image();
loadImage16.src = "Images/vertical/hottopics.gif";
staticImage16 = new Image();
staticImage16.src = "Images/vertical/hottopics_active.gif";
loadImage17 = new Image();
loadImage17.src = "Images/vertical/articles.gif";
staticImage17 = new Image();
staticImage17.src = "Images/vertical/articles_active.gif";
loadImage18 = new Image();
loadImage18.src = "Images/vertical/upcomingevents.gif";
staticImage18= new Image();
staticImage18.src = "Images/vertical/upcomingevents_active.gif";
loadImage19 = new Image();
loadImage19.src = "Images/vertical/pastevents.gif";
staticImage19= new Image();
staticImage19.src = "Images/vertical/pastevents_active.gif";
loadImage20 = new Image();
loadImage20.src = "Images/vertical/committees.gif";
staticImage20 = new Image();
staticImage20.src = "Images/vertical/committees_active.gif";
loadImage21 = new Image();
loadImage21.src = "Images/vertical/framinghamcrt.gif";
staticImage21 = new Image();
staticImage21.src = "Images/vertical/framinghamcrt_active.gif";
loadImage22 = new Image();
loadImage22.src = "Images/vertical/natickcrt.gif";
staticImage22 = new Image();
staticImage22.src = "Images/vertical/natickcrt_active.gif";
loadImage23 = new Image();
loadImage23.src = "Images/vertical/photos.gif";
staticImage23 = new Image();
staticImage23.src = "Images/vertical/photos_active.gif";
loadImage24 = new Image();
loadImage24.src = "Images/vertical/contact.gif";
staticImage24 = new Image();
staticImage24.src = "Images/vertical/contact_active.gif";
loadImage25 = new Image();
loadImage25.src = "Images/vertical/emailus.gif";
staticImage25 = new Image();
staticImage25.src = "Images/vertical/emailus_active.gif";
loadImage26 = new Image();
loadImage26.src = "Images/vertical/helpus.gif";
staticImage26 = new Image();
staticImage26.src = "Images/vertical/helpus_active.gif";

//create CSS vertical menu
function menu()	{
document.write("<div id='navigation'>" +
 "<ul> " +
    "<li><a class='top-level' onmouseout='image1.src=loadImage1.src;' onmouseover='image1.src=staticImage1.src;'><img src='Images/vertical/information.gif' name='image1' alt='Information' /></a>" + 
    	"<ul class='sub-level'>" +
	    "<li><a href='overview.htm' onmouseout='image2.src=loadImage2.src;' onmouseover='image2.src=staticImage2.src;'><img src='Images/vertical/overview.gif' name='image2' alt='Overview' /></a> </li>" +
    	"<li><a href='Framingham.htm' onmouseout='image3.src=loadImage3.src;' onmouseover='image3.src=staticImage3.src;'><img src='Images/vertical/Framingham.gif' name='image3' alt='Framingham' /></a></li>" +
    	"<li><a href='Natick.htm' onmouseout='image4.src=loadImage4.src;' onmouseover='image4.src=staticImage4.src;'><img src='Images/vertical/Natick.gif' name='image4' alt='Natick' /></a></li>" +
	    "<li><a href='tour.htm' onmouseout='image5.src=loadImage5.src;' onmouseover='image5.src=staticImage5.src;'><img src='Images/vertical/tour.gif' name='image5' alt='Tour' /></a></li>" +
    	"<li><a onmouseout='image6.src=loadImage6.src;' onmouseover='image6.src=staticImage6.src;'><img src='Images/vertical/maps.gif' name='image6' alt='Maps' /></a>" +
        	"<ul class='sub-level'>" +
	    	"<li><a href='trail_map.htm' onmouseout='image7.src=loadImage7.src;' onmouseover='image7.src=staticImage7.src;'><img src='Images/vertical/crt.gif' name='image7' alt='Map of the CRT' /></a></li>" +
		    "<li><a href='region_map2.htm' onmouseout='image8.src=loadImage8.src;' onmouseover='image8.src=staticImage8.src;'><img src='Images/vertical/regionalmap.gif' name='image8' alt='Regional Map' /></a></li>" +
            "</ul>" +
        "</li>" +
    	"<li><a href='brochure-164.pdf' onmouseout='image9.src=loadImage9.src;' onmouseover='image9.src=staticImage9.src;'><img src='Images/vertical/brochure.gif' name='image9' alt='Brochure' /></a></li>" + 
    	"<li><a href='contributors.htm' onmouseout='image10.src=loadImage10.src;' onmouseover='image10.src=staticImage10.src;'><img src='Images/vertical/contributors.gif' name='image10' alt='Contributors' /></a></li>" + 
    	"<li><a href='links.htm' onmouseout='image11.src=loadImage11.src;' onmouseover='image11.src=staticImage11.src;'><img src='Images/vertical/links.gif' name='image11' alt='Links' /></a></li>" +
    	"<li><a href='search.htm' onmouseout='image12.src=loadImage12.src;' onmouseover='image12.src=staticImage12.src;'><img src='Images/vertical/search.gif' name='image12' alt='Search' /></a></li>" +
        "</ul>" +
"</li>" +
	"<li><a class='top-level' onmouseout='image13.src=loadImage13.src;' onmouseover='image13.src=staticImage13.src;'><img src='Images/vertical/progress.gif' name='image13' alt='Progress' /></a>" +
		"<ul class='sub-level'>" +
/*	    "<li><a href='newsletters.htm' onmouseout='image14.src=loadImage14.src;' onmouseover='image14.src=staticImage14.src;'><img src='Images/vertical/newsletters.gif' name='image14' alt='Newletters' /></a></li>" +*/
/*    	"<li><a href='construction.htm' onmouseout='image15.src=loadImage15.src;' onmouseover='image15.src=staticImage15.src;'><img src='Images/vertical/construction.gif' name='image15' alt='Construction' /></a></li>" +*/
    	"<li><a href='hot_topics.htm' onmouseout='image16.src=loadImage16.src;' onmouseover='image16.src=staticImage16.src;'><img src='Images/vertical/hottopics.gif' name='image16' alt='Hot Topics' /></a></li>" +
    	"<li><a href='articles.htm' onmouseout='image17.src=loadImage17.src;' onmouseover='image17.src=staticImage17.src;'><img src='Images/vertical/articles.gif' name='image17' alt='Newspaper Articles' /></a></li>" +
	    "<li><a href='upcoming_events.htm' onmouseout='image18.src=loadImage18.src;' onmouseover='image18.src=staticImage18.src;'><img src='Images/vertical/upcomingevents.gif' name='image18' alt='Upcoming Events' /></a></li>" +
	    "<li><a href='past_events.htm' onmouseout='image19.src=loadImage19.src;' onmouseover='image19.src=staticImage19.src;'><img src='Images/vertical/pastevents.gif' name='image19' alt='Past Events' /></a></li>" +
        "</ul>" +
     "</li>" +
     "<li><a onmouseout='image20.src=loadImage20.src;' onmouseover='image20.src=staticImage20.src;'><img src='Images/vertical/committees.gif' name='image20' alt='Trail Committees' /></a>" +
     	"<ul class='sub-level' style='width:172px;'>" +
    	"<li style='width:170px !important; height:42px !important;'><a href='framingham_crt_committee.htm' onmouseout='image21.src=loadImage21.src;' onmouseover='image21.src=staticImage21.src;'><img src='Images/vertical/framinghamcrt.gif' name='image21' alt='Framingham Cochituate Rail Trail Committee' /></a></li>" +
	    "<li style='width:170px !important; height:42px !important;'><a href='natick_crt_task_force.htm' onmouseout='image22.src=loadImage22.src;' onmouseover='image22.src=staticImage22.src;'><img src='Images/vertical/natickcrt.gif' name='image22' alt='Natick Cochituate Rail Trail Committee' /></a></li>" +
        "</ul>" +
    "</li>" +
    "<li><a href='photos.htm' onmouseout='image23.src=loadImage23.src;' onmouseover='image23.src=staticImage23.src;'><img src='Images/vertical/photos.gif' name='image23' alt='Photos' /></a></li>" +
    "<li><a onmouseout='image24.src=loadImage24.src;' onmouseover='image24.src=staticImage24.src;'><img src='Images/vertical/contact.gif' name='image24' alt='Contact Us' /></a>" +
    	"<ul class='sub-level'>" +
        "<li><a href='email_us.htm' onmouseout='image25.src=loadImage25.src;' onmouseover='image25.src=staticImage25.src;'><img src='Images/vertical/emailus.gif' name='image25' alt='e-mail Us' /></a></li>" +
        "<li><a href='help_us.htm' onmouseout='image26.src=loadImage26.src;' onmouseover='image26.src=staticImage26.src;'><img src='Images/vertical/helpus.gif' name='image26' alt='Help Us' /></a></li>" +
        "</ul>" +
    "</li>" +
"</ul>" +
"</div>");
}

// IE fix for CSS navigation
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;