root="";
	
	imageArray = new Array('info','news','gov','depts','planning');
	imagePath = root + "/images/nav_";
	function preloadImages() {
		for(x=0;x<imageArray.length;x++) {
			eval(imageArray[x] + 'off = new Image();');
			eval(imageArray[x] + 'off.src = "' + imagePath + imageArray[x] + '_on.gif";');
			eval(imageArray[x] + 'over = new Image();');
			eval(imageArray[x] + 'over.src = "' + imagePath + imageArray[x] + '_off.gif";');
		}
	}
	preloadImages();

	function turnon(i) {
		document[i].src = eval(i + "off.src")
	}
	function turnoff(i) {
		if (i != currentSection) {
			document[i].src = eval(i + "over.src")
		}
	}
 
//======================== DYNAMIC MENUS - ADD MENU ITEMS HERE =================================
//==============================================================================================


//INFORMATION================================================
info = new Array (
  ["Location & population", root + "/info/location.asp"],
  ["Village ordinances", root + "/info/ordinances.asp"],
  ["Important phone numbers", root + "/info/phonenumbers.asp"],
  ["FAQs", root + "/info/faqs.asp"],
  ["Village partners", root + "/info/partners.asp"],
  ["Links", root + "/info/links.asp"],
  ["Forms", root + "/info/forms.asp"]
)


//NEWS================================================
news = new Array (
  ["Village Journal newsletter", root + "/news/newsletter.asp"],
  ["Current press releases", root + "/news/pressreleases.asp"],
  ["Press release archive", root + "/news/pressreleases_archive.asp"],
  ["Job opportunities", root + "/news/jobs.asp"],
  ["Municipal Complex Updates", root + "news/Municipal_Complex_Updates_Main.asp"] 
)


//GOVERNMENT================================================
gov = new Array (
  ["Daily operations", root + "/gov/operations.asp"],
  ["Elected officials", root + "/gov/officials.asp"],
  ["Boards & commissions", root + "/gov/boards_commissions.asp"],
  ["Current minutes & agendas", root + "/gov/minutes_agendas.asp"],
  ["Minutes & agendas archive", root + "/gov/minutes_agendas_archive.asp"]
)


//DEPARTMENTS================================================
depts = new Array (
  ["Administration", root + "/depts/admin.asp"],
  ["Finance", root + "/depts/finance.asp"],
  ["Police", root + "/depts/police.asp"],
  ["Public works", root + "/depts/publicworks.asp"],
  ["Community development", root + "/depts/communitydev.asp"]
)


//PLANNING & BUILDING================================================
planning = new Array (
  ["Economic Development", root + "/planning/economicdev.asp"],
  ["Zoning information", root + "/planning/zoning.asp"],
  ["Building information", root + "/planning/building.asp"],
  ["Land Use Ordinances", root + "/planning/Title_15_landuseordinance.asp"]
  
)

//==============================================================================================



navArrow = '';
menuWidth = 137
menuHeight = 10
menuColor = "#E3E3C0"
menuHighlight = "#cccc99"
menuborderColor = "#333366"
borderStyle1 = ' border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px; border-color: ' + menuborderColor + '; border-style: solid; '
borderStyle2 = ' border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-color: ' + menuborderColor + '; border-style: solid;  width:' + menuWidth + 'px; height:' + menuHeight + 'px; '

//menuVposition = new Array (133,133,133,133,133)
menuHposition = new Array (60,200,293,436,582)


menuArray = new Array ('info','news','gov','depts','planning')

URLpath = new String( window.location.pathname );
currentSection = ""
appSection = new Array(['NASApp/care','aboutiis'],['NASApp/onlinestore','info'])


function getSection() {
	for( var i=0; i < menuArray.length; i++ ) {
		if( URLpath.indexOf( menuArray[i] ) >= 0 ) {
			currentSection = menuArray[i];
			turnon(menuArray[i])
			break;
		}
	}
	if (currentSection == "") {
		for (i=0;i<appSection.length; i++) {
			if( URLpath.indexOf( appSection[i][0] ) >= 0 ) {
				currentSection = appSection[i][1];
				turnon(menuArray[i])
				break;
			}
		}				
	}
}

active=false
menusReady = false
currentMenu = ""

var NS4 = false
var IE4 = false
var DOM = false
var IE = false
var NS6 = false

oldIE = ( navigator.appName.indexOf('Microsoft') >= 0 && navigator.appVersion.indexOf('MSIE 4.') >= 0) ? true:false
if (document.getElementById) { DOM = true; browser="DOM"; }
if (document.layers && !DOM) { NS4 = true; browser="NS4"; }
if (document.all && !DOM) IE4 = true
if (navigator.appName.indexOf("Microsoft Internet Explorer") > -1) IE = true
if (DOM && !IE) NS6 = true

function initLayers() {

if (IE || DOM) {
	for (x=0; x<menuArray.length; x++) {
		layerName = menuArray[x] + 'Layer'
		useArray = eval(menuArray[x])
		menu = '<div id="' + layerName + '" style="position: absolute; width: ' + menuWidth + 'px; z-index: 20; background-color: ' + menuHighlight + '; visibility: hidden;" onmouseout="unLock(\'' + menuArray[x] + 'Lyr\')" onmouseover="lock(\'' + menuArray[x] + 'Lyr\')">';
		for (v=0;v<useArray.length;v++) {
			menu += '<div id="' + layerName + v + '" style="position: relative; background-color: ' + menuColor + '; z-index: ' + x + 30 + '; height:' + menuHeight + 'px; ' + borderStyle1
			menu += (NS6) ? 'width:' + (menuWidth - 1) + 'px; ' : 'width:' + menuWidth + 'px; '
			menu += (v == useArray.length - 1) ?  " border-bottom-width: 1px;" : " border-bottom-width: 0px;"
			menu += '" onmouseover="highlight(\'' + menuArray[x] + v + 'Lyr\')" onmouseout="unhighlight(\'' + menuArray[x] + v + 'Lyr\')" onclick="linkto(\'' + useArray[v][1] + '\')"><table cellspacing=2><tr><td>' + navArrow + '<a href="' + useArray[v][1] + '" class=menuLink>' + useArray[v][0] + '<\/a><\/td><\/tr><\/table><\/div>';
		}
		menu += '<\/div>\n';
		document.write(menu);
	}
}

if (NS4) {
	document.write('<style type="text/css">\n')
	document.write('all.menuItem1 {' + borderStyle1 + ' width:' + menuWidth + 'px; }\n')
	document.write('all.menuItem2 {' + borderStyle2 + '}\n')
	document.write('all.menuLink { padding-left: 2px; padding-top: 0px;}</style>')
	for (x=0; x<menuArray.length; x++) {
		layerName = menuArray[x] + 'Layer'
		useArray = eval(menuArray[x])
		menu = '<layer id="' + layerName + '" width=' + menuWidth + ' z-index=20 visibility=hide onmouseout="unLock(\'' + menuArray[x] + 'Lyr\')" onmouseover="lock(\'' + menuArray[x] + 'Lyr\')">';
		for (v=0;v<useArray.length;v++) {
			menu += '<ilayer id="' + layerName + v + '" bgcolor=' + menuColor + '><layer class='
			menu += (v == useArray.length - 1) ?  'menuItem2' : 'menuItem1'
			menu += ' z-index=' + (x + 30 - v) + ' onmouseover="highlight(\'' + menuArray[x] + v + 'Lyr\')"'
			menu += ' onmouseout="unhighlight(\'' + menuArray[x] + v + 'Lyr\')"><a href="' + useArray[v][1] + '" class=menuLink>' + navArrow + useArray[v][0] + '<\/a><\/layer></ilayer><br>';
		}
		menu += '<\/layer>\n';
		document.write(menu);
	}
}

for (x=0; x<menuArray.length; x++) {
	layerName = menuArray[x] + 'Layer'
	useArray = eval(menuArray[x])
	eval(menuArray[x] + 'Lyr = new domObject(\'' + layerName + '\')');
	for (v=0;v<useArray.length;v++) {
		eval(menuArray[x] + v + 'Lyr = new domObject(\'' + layerName + v + '\',\'' + layerName + '\')')
	}
	eval(menuArray[x] + 'Lyr.sty.left = ' + menuHposition[x])
	eval(menuArray[x] + 'Lyr.sty.top = ' + menuVposition[x])
}
menusReady = true;
}

if (!oldIE) initLayers()

function domObject(theName,nestedLayer,frame) {
	if (DOM || NS4) {
		if (DOM) {
			this.sty = document.getElementById(theName).style
		}
		 if (NS4) {
			if (nestedLayer) {
				this.sty = eval('document.' + nestedLayer + '.document.' + theName)
			} else {
				this.sty = document.layers[theName]
			}
		}
	}
	if (IE4) {
		this.sty = this.frame.document.all[theName].style
	}
	this.theName = theName
	this.active = false
	this.locked = false
}


function showMenu(theMenu) {
	theName = theMenu.replace(/Lyr/, "")
	if (menusReady && !oldIE) {
		if (currentMenu != theName && currentMenu != "") {
			dropit(theMenu);
		}
		currentMenu = theName;
		argMenu = theMenu
		eval(theMenu + ".active = true")
		show = setTimeout("showIt(argMenu)", 100)
	}
}

function dropMenu(theMenu) {
	eval(theMenu + ".active = false")
	whichMenu = theMenu
	wait = setTimeout("dropit(whichMenu)", 0)
	//dropit(theMenu)
}

function showIt(theMenu) {
	if (eval(theMenu + ".active") == true) {
		eval(theMenu + '.sty.visibility = (NS4)? "show" : "visible"')
		theName = theMenu.replace(/Lyr/, "")
		turnon(theName)
	}
}

function dropit(theMenu) {
	if (!oldIE && eval(theMenu + ".locked") == false) {
		eval(theMenu + '.sty.visibility = (NS4)? "hide" : "hidden"')
		currentMenu = ""
		theName = theMenu.replace(/Lyr/, "")
		turnoff(theName)
	}
}

function highlight(theMenu) {
	if (IE || DOM) {
		eval(theMenu + '.sty.backgroundColor = "' + menuHighlight + '"')
		eval(theMenu + '.sty.cursor = "hand"')
	}
	if (NS4) {
		eval(theMenu + '.sty.bgColor = "' + menuHighlight + '"')
	}
}

function unhighlight(theMenu) {
	if (IE || DOM) {
		eval(theMenu + '.sty.backgroundColor = "' + menuColor + '"')
		eval(theMenu + '.sty.cursor = "auto"')
	}
	if (NS4) {
		eval(theMenu + '.sty.bgColor = "' + menuColor + '"')
	}
}

function lock(theMenu) {
	eval(theMenu + ".locked = true")
}

function unLock(theMenu) {
	eval(theMenu + ".locked = false")
	dropMenu(theMenu)
}

function linkto(link) {
	location = link
}