// JavaScript Document

function loadPage()
{
	document.getElementById("bergenTxt").style.display = "none";
	document.getElementById("essexTxt").style.display = "none";
	document.getElementById("hudsonTxt").style.display = "none";
	document.getElementById("hunterdonTxt").style.display = "none";
	document.getElementById("middlesexTxt").style.display = "none";
	document.getElementById("monmouthTxt").style.display = "none";
	document.getElementById("morrisTxt").style.display = "none";
	document.getElementById("oceanTxt").style.display = "none";
	document.getElementById("passaicTxt").style.display = "none";
	document.getElementById("somersetTxt").style.display = "none";
	document.getElementById("unionTxt").style.display = "none";
	document.getElementById("warrenTxt").style.display = "none";
}

var clickedBergen = false, clickedEssex = false, clickedHudson = false, clickedHunterdon = false, clickedMiddlesex = false, clickedMonmouth = false, clickedMorris = false, clickedOcean = false, clickedPassaic = false, clickedSomerset = false, clickedUnion = false, clickedWarren = false;

var sImage, sImageSlash, sService, sServicePre, sServiceFirst, sServiceRest, thisService, compareService;
var aServices = new Array();
aServices[0] = "Bergen";
aServices[1] = "Essex";
aServices[2] = "Hudson";
aServices[3] = "Hunterdon";
aServices[4] = "Middlesex";
aServices[5] = "Monmouth";
aServices[6] = "Morris";
aServices[7] = "Ocean";
aServices[8] = "Passaic";
aServices[9] = "Somerset";
aServices[10] = "Union";
aServices[11] = "Warren";

function fnOver(NAME)// onMouseOver of arrow img
{
	sService = NAME.substring(3);
	thisService = "clicked" + sService;
	
	sImageSlash = (document.getElementById(NAME).src).lastIndexOf("/");
	sImage = document.getElementById(NAME).src.substring(sImageSlash + 1);//only actual file name
	//alert(sImage);
	if (sImage == "expand_button.jpg") {
		document.getElementById(NAME).src = "./images/expand_button_f2.jpg";
	}
	else if (sImage == "collapse_button.jpg") {
		document.getElementById(NAME).src = "./images/collapse_button_f2.jpg";
	}
	
	if (true == thisService) {
		document.getElementById(NAME).src = './images/collapse_button.jpg';
	}
}

function fnOff(NAME)// onMouseOff of arrow img
{
	sImageSlash = (document.getElementById(NAME).src).lastIndexOf("/");
	sImage = document.getElementById(NAME).src.substring(sImageSlash + 1);//only actual file name
//	alert(sImage);
	if (sImage == 'expand_button_f2.jpg') {
		document.getElementById(NAME).src = './images/expand_button.jpg';
	}
	else if ((sImage == 'collapse_button_f2.jpg') || (sImage == 'collapse_button.jpg')) {
		document.getElementById(NAME).src = './images/collapse_button.jpg';
	}
}

// viewModule() makes text visible when an item is clicked, or hidden when clicked 2nd time
function viewModule(NAME)
{
	sServicePre = NAME.substring(0,3);
	sService = NAME.substring(3);
	thisService = "clicked" + sService;
//	alert(sService);

	if (false == this[thisService]) {// if thisService not clicked
		for (i = 0; i < aServices.length; i++) {// loop through array of services;
			compareService = "clicked" + aServices[i];
//			alert(compareService);

			if (compareService == thisService) {// is current Service equal to item in loop; set to TRUE
			// internal call toUpperCase not needed
//			alert(document.getElementById("img" + aServices[i]).src);
			
				document.getElementById(aServices[i].toLowerCase() + "Txt").style.display = "block";
				document.getElementById("img" + aServices[i]).src = './images/collapse_button.jpg';
				this[thisService] = true;
				//alert(aServices[i]);
			}
			else {
				document.getElementById(aServices[i].toLowerCase() + "Txt").style.display = "none";
				document.getElementById("img" + aServices[i]).src = './images/expand_button.jpg';
				this[compareService] = false;
			}
//			alert(aServices[i].substring(0,1).toUpperCase());// testing UPPERCASE for leading char
		}
	}
	else {// close thisService if clicked to Collapse
		document.getElementById(sService.toLowerCase() + "Txt").style.display = "none";
		document.getElementById("img" + sService).src = './images/expand_button.jpg';
		this[thisService] = false;
	}

	sImage = document.getElementById("img" + sService).src.substring(31);
	if (sImage == 'expand_button_f2.jpg') {
		document.getElementById("img" + sService).src = './images/collapse_button.jpg';
	}
	else if (sImage == 'collapse_button_f2.jpg') {
		document.getElementById("img" + sService).src = './images/expand_button.jpg';
	}
}