navArr=new Array()
navArr[0]="home"
navArr[1]="municipal"
navArr[2]="private"
navArr[3]="surveying"
navArr[4]="landscape"
navArr[5]="engdf"
navArr[6]="serviceslist"
navArr[7]="currentpb"
navArr[8]="principals"
navArr[9]="contactus"
navArr[10]="awards"
navArr[11]="directions"
navArr[12]="sitemap"
navArr[13]="employment"


for(i=0;i<navArr.length;i++) {
	imgOff=new Image()
	imgOff.src="nav_"+navArr[i]+"_off.gif"
	
	imgOn=new Image()
	imgOn.src="nav_"+navArr[i]+"_on.gif"
}


function bling(what, me) {

	if(what) {
		document.images[me].src="nav_"+me+"_on.gif"
	}
	else {
		document.images[me].src="nav_"+me+"_off.gif"
	}
}


nav_str="<img src='top_of_nav.gif'><br>"

for(i=0;i<navArr.length;i++) {

	//Scott, here's an example how to name a particular page different from image name
	filename=navArr[i]
	if(i==0) {
		filename="index"
	}
	nav_str+="<a href='"+filename+".htm' onmouseover=\"bling(1,'"+navArr[i]+"')\" onmouseout=\"bling(0,'"+navArr[i]+"')\"><img src='nav_"+navArr[i]+"_off.gif' name='"+navArr[i]+"' border='0'></a><br>"
	
}