<!--
var vMenuHiColor = "maroon";
var vLastMainMenuID = "";
var vLastSubMenuID = "";
var vLastPopMenuID = "";

function hiliteMenuItem( objID )
{
	if ( obj = document.getElementById( objID ) )
	{
		obj.style.backgroundColor = vMenuHiColor;
	}
}

function flattenMenuItem( objID )
{
	if ( obj = document.getElementById( objID ) )
	{
		obj.style.backgroundColor = "";
	}
}

function showMenuArea( objID )
{
	if ( obj = document.getElementById( objID ) )
	{
		obj.style.visibility = "visible";
		// set first menu area item as "last" to allow clearing
		if ( objID.length == 3 )				// is a Sub Menu Area
		{
			vLastSubMenuID = objID + "A";
		}
		else if ( objID.length == 5 )		// is a Pop Menu Area
		{
			vLastPopMenuID = objID + "A";
		}
	}
}
function hideMenuArea( objID )
{
	if ( obj = document.getElementById( objID ) )
	{
		obj.style.visibility = "hidden";
	}
}

function mOver( objID )
{
	// Step 1)  Hide Sub/Pop Menus
	if ( objID.length == 2 )					// is a Main Menu Item
	{
		// flatten and hide last pop
		if ( vLastPopMenuID != "" )
		{
			flattenMenuItem( vLastPopMenuID );
			hideMenuArea( vLastPopMenuID.substr( 0, 5 ) );
		}
		// flatten and hide last sub
		if ( vLastSubMenuID != "" )
		{
			flattenMenuItem( vLastSubMenuID );
			hideMenuArea( vLastSubMenuID.substr( 0, 3 ) );
		}
	}
	else if ( objID.length == 4 )			// is a Sub Menu Item
	{
		// flatten and hide last pop
		if ( vLastPopMenuID != "" )
		{
			flattenMenuItem( vLastPopMenuID );
			hideMenuArea( vLastPopMenuID.substr( 0, 5 ) );
		}
	}
	
	// Step 2)  Flatten Last Item in Same Level
	if ( objID.length == 2 )					// is a Main Menu Item
	{
		flattenMenuItem( vLastMainMenuID );
	}
	else if ( objID.length == 4 )			// is a Sub Menu Item
	{
		flattenMenuItem( vLastSubMenuID );
	}
	else if ( objID.length == 6 )			// is a Pop Menu Item
	{
		flattenMenuItem( vLastPopMenuID );
	}
	
	// Step 3)  Hilight Self
	hiliteMenuItem( objID );
	
	// Step 4)  Show Associated Sub/Pop Menu
	if ( objID.length == 2 )					// is a Main Menu Item
	{
		showMenuArea( objID + "s" )
	}
	else if ( objID.length == 4 )			// is a Sub Menu Item
	{
		showMenuArea( objID + "p" )
	}
	
	// Step 5)  Set Self as Last Highlight in Same Level
	if ( objID.length == 2 )					// is a Main Menu Item
	{
		vLastMainMenuID = objID;
	}
	else if ( objID.length == 4 )			// is a Sub Menu Item
	{
		vLastSubMenuID = objID;
	}
	else if ( objID.length == 6 )			// is a Pop Menu Item
	{
		vLastPopMenuID = objID;
	}
	
}

function mClick( pgIndex )
{
	//document.URL = aPage[ pgIndex ];
	document.location.href = aPage[ pgIndex ];
}

var aPage = new Array(
	vPath + "index.html",
	vPath + "corner.htm",
	vPath + "contactus.htm",
	vPath + "links.htm",
	vPath + "whoweare.htm",
	vPath + "mission.htm",
	vPath + "stations.htm",
	vPath + "apparatus.htm",
	vPath + "paidstaff.htm",
	vPath + "inaction.htm",
	vPath + "recruitment.htm",
	vPath + "requirements.htm",
	vPath + "whattoexpect.htm",
	vPath + "whyvolunteer.htm",
	vPath + "application.htm",
	vPath + "ecal.htm",
	vPath + "training.htm",
	vPath + "medicalsafety.htm",
	vPath + "carseatsafety.htm",
	vPath + "communitycpr.htm",
	vPath + "bod.htm",
	vPath + "meetings.htm",
	vPath + "election.htm",
	vPath + "milllevy.htm",
	vPath + "annualaudit.htm",
	vPath + "budget.htm",
	vPath + "cwpp.htm",
	vPath + "wildfire.htm",
	vPath + "memberlogin.htm",
	vPath + "kids.htm",
	vPath + "volunteers.htm",
	vPath + "extinguisher.htm",
	vPath + "juvenile.htm",
	vPath + "barbeque.htm",
	vPath + "residential.htm",
	vPath + "emergencysupplies.htm",
	vPath + "tornado.htm",
	vPath + "blizzard.htm",
	vPath + "forestfire.htm",
	vPath + "terrorist.htm"
);

// 1st Level Main Menu
document.write("<div id=m class=mArea	_MAIN-MENU");
document.write("><div id=mA class=mPage onmouseover='mOver( this.id )'  onclick='mClick( 0 )'>Home</div");
document.write("><div id=mB class=mItem onmouseover='mOver( this.id )'>About Us</div");
document.write("><div id=mH class=mItem onmouseover='mOver( this.id )'>Board of Directors</div");
document.write("><div id=mD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 1 )'>Officer's Corner</div");
document.write("><div id=mE class=mItem onmouseover='mOver( this.id )'>Volunteer's Corner</div");
document.write("><div id=mF class=mItem onmouseover='mOver( this.id )'>Calendar</div");
document.write("><div id=mG class=mItem onmouseover='mOver( this.id )'>Safety</div");
document.write("><div id=mJ class=mItem onmouseover='mOver( this.id )'>Firewise</div");
document.write("><div id=mK class=mPage onmouseover='mOver( this.id )' onclick='mClick( 2 )'>Contact Us</div");
document.write("><div id=mC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 9 )'>Photo Gallery</div");
document.write("><div id=mN class=mPage onmouseover='mOver( this.id )' onclick='mClick( 29 )'>Kid's Corner</div");
document.write("><div id=mL class=mPage onmouseover='mOver( this.id )' onclick='mClick( 3 )'>Links</div");
document.write("><div id=mM class=mItem onmouseover='mOver( this.id )'>Members Only</div");
document.write("></div>");

// 2nd Level Sub Menus
document.write("<span id=mBs class=sArea style='top:187px'	_SUB-MENU");
document.write("><div id=mBsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 4 )'>Who We Are</div");
document.write("><div id=mBsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 5 )'>Mission Statement</div");
document.write("><div id=mBsC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 6 )'>Stations</div");
document.write("><div id=mBsD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 7 )'>Apparatus</div");
document.write("><div id=mBsE class=mPage onmouseover='mOver( this.id )' onclick='mClick( 8 )'>Paid Staff</div");
document.write("><div id=mBsF class=mPage onmouseover='mOver( this.id )' onclick='mClick( 30 )'>Volunteers</div");
document.write("></span>");

document.write("<span id=mHs class=sArea style='top:220px'	_SUB-MENU");
document.write("><div id=mHsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 20 )'>Board Members</div");
document.write("><div id=mHsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 21 )'>Meetings</div");
document.write("><div id=mHsC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 22 )'>Elections</div");
document.write("><div id=mHsD class=mItem onmouseover='mOver( this.id )'>District Revenue</div");
document.write("></span>");

document.write("<span id=mEs class=sArea style='top:286px'	_SUB-MENU");
document.write("><div id=mEsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 10 )'>Recruitment Video</div");
document.write("><div id=mEsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 11 )'>Requirements</div");
document.write("><div id=mEsC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 12 )'>What to Expect</div");
document.write("><div id=mEsD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 13 )'>Why Volunteer</div");
document.write("><div id=mEsE class=mPage onmouseover='mOver( this.id )' onclick='mClick( 14 )'>Application</div");
document.write("></span>");

document.write("<span id=mFs class=sArea style='top:319px'	_SUB-MENU");
document.write("><div id=mFsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 15 )'>Shifts/Events</div");
document.write("><div id=mFsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 16 )'>Training</div");
document.write("></span>");

document.write("<span id=mGs class=sArea style='top:352px'	_SUB-MENU");
document.write("><div id=mGsA class=mItem onmouseover='mOver( this.id )'>Fire Safety</div");
document.write("><div id=mGsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 17 )'>Medical</div");
document.write("><div id=mGsC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 18 )'>Car Seat</div");
document.write("><div id=mGsD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 19 )'>Community CPR</div");
document.write("><div id=mGsE class=mItem onmouseover='mOver( this.id )'>Disaster Preparedness</div");
document.write("></span>");

document.write("<span id=mJs class=sArea style='top:385px'	_SUB-MENU");
document.write("><div id=mJsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 26 )'>CWPP</div");
document.write("><div id=mJsB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 27 )'>Wildfire</div");
document.write("></span>");

document.write("<span id=mMs class=sArea style='top:549px'	_SUB-MENU");
document.write("><div id=mMsA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 28 )'>Member Login</div");
document.write("></span>");

// 3rd Level Pop-Out menus
document.write("<span id=mHsDp class=pArea style='top:322px'	_POP-MENU");
document.write("><div id=mHsDpA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 23 )'>Mill Levy</div");
document.write("><div id=mHsDpB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 24 )'>Annual Audit</div");
document.write("><div id=mHsDpC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 25 )'>Budget</div");
document.write("></span>");

document.write("<span id=mGsAp class=pArea style='top:355px'	_POP-MENU");
document.write("><div id=mGsApA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 31 )'>Fire Extinguisher</div");
document.write("><div id=mGsApB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 32 )'>Juvenile</div");
document.write("><div id=mGsApC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 33 )'>Barbeque</div");
document.write("><div id=mGsApD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 34 )'>Residential</div");
document.write("></span>");

document.write("<span id=mGsEp class=pArea style='top:487px'	_POP-MENU");
document.write("><div id=mGsEpA class=mPage onmouseover='mOver( this.id )' onclick='mClick( 35 )'>Emergency Supplies</div");
document.write("><div id=mGsEpB class=mPage onmouseover='mOver( this.id )' onclick='mClick( 36 )'>Tornado</div");
document.write("><div id=mGsEpC class=mPage onmouseover='mOver( this.id )' onclick='mClick( 37 )'>Blizzard</div");
document.write("><div id=mGsEpD class=mPage onmouseover='mOver( this.id )' onclick='mClick( 38 )'>Forest Fire</div");
document.write("><div id=mGsEpE class=mPage onmouseover='mOver( this.id )' onclick='mClick( 39 )'>Terrorist</div");
document.write("></span>");

// Last Updated
document.write("<div class=UpdtArea><br>Site Last Updated:<br>" + "July 24, 2010" + "</div>");

//-->

