/* taken from \\draft\ESRI\styles\styles.js */


/*---------------------------------------
FAQ TOGGLE SCRIPT
---------------------------------------*/

//use this to collapse/expand lists
function toggle(thisList){
	if (document.getElementById(thisList).style.display == "") {
		document.getElementById(thisList).style.display = "block";
		document.getElementById(thisList + "arrow").className = "selectedCategory";
	} else {
		document.getElementById(thisList).style.display ="";
		document.getElementById(thisList + "arrow").className = "arrow";
	}
}

//use this to collapse/expand a single DIV tag
function toggleDiv(thisDiv){
	if (document.getElementById(thisDiv).style.display == "none") {
		document.getElementById(thisDiv).style.display = "block";
	} else {
		document.getElementById(thisDiv).style.display = "none";
	}
}

//use this to "show" or "hide" all the things on a collapsible list, at the same time
function toggleAllTag(tagname) {
	tagArray = document.getElementsByTagName(tagname); // produces an array of all objects in the page that are the tag you requested
	for (i = 0; i < tagArray.length; i ++) {
		if (tagState == "hidden") {
			document.getElementById(tagArray[i].id).style.display = "block";
			document.getElementById(tagArray[i].id + "arrow").className = "selectedCategory";
		} else {
			document.getElementById(tagArray[i].id).style.display = "";
			document.getElementById(tagArray[i].id + "arrow").className = "arrow";
		}
	}
	tagState = (tagState == "hidden") ? "visible" : "hidden";
}

//for some reason the down arrow won't show unless it's preloaded.
var downArrow = new Image();
downArrow.src = "/common/images/sidenavarrowdown.gif";
var rightArrow = new Image();
rightArrow.src = "/common/imagessidenavarrow.gif";
var blueBullet = new Image();
blueBullet.src = "/common/images/sidenavbullet.gif";

//tagState must be defined
tagState = "hidden";



//initialize a multi-collapsible list
function collapsibleList(listname){
	this.tagState = "hidden";
	this.listName = listname;
}




/*---------------------------------------
TESTING FAQ TOGGLE SCRIPT
---------------------------------------*/
 
//use this to collapse/expand lists
function toggleOpen(thisList){
	if (document.getElementById(thisList).style.display =="") {
		document.getElementById(thisList).style.display = "block";
		document.getElementById(thisList + "arrow").className = "selectedCategory";
	} else {
		document.getElementById(thisList).style.display ="";
		document.getElementById(thisList + "arrow").className = "arrow";
	}
}

//use this to "show" or "hide" all the things on a collapsable list, at the same time, currently used by the FAQ
function toggleAllTagOpen(tagname) {
	tagArray = document.getElementsByTagName(tagname); // produces an array of all objects in the page that are the tag you requested
	for (i = 0; i < tagArray.length; i ++) {
		if (tagState == "hidden") {
			document.getElementById(tagArray[i].id).style.display = "block";
			document.getElementById(tagArray[i].id + "arrow").className = "selectedCategory";
		} else {
			document.getElementById(tagArray[i].id).style.display ="";
			document.getElementById(tagArray[i].id + "arrow").className = "arrow";
		}
	}
	tagState = (tagState == "hidden") ? "visible" : "hidden";
}

//use this to "show" or "hide" all the things on a collapsible list without affecting another collapsible list on the page
function toggleAllTagMulti(tagname, baseName) {
	tagArray = document.getElementById(baseName.listName).getElementsByTagName(tagname); // produces an array of all objects in the page that are the tag you requested
	for (i = 0; i < tagArray.length; i ++) {
		if (baseName.tagState == "hidden") {
			document.getElementById(tagArray[i].id).style.display = "block";
			document.getElementById(tagArray[i].id + "arrow").className = "selectedCategory";
		} else {
			document.getElementById(tagArray[i].id).style.display ="";
			document.getElementById(tagArray[i].id + "arrow").className = "arrow";
		}
	}
	baseName.tagState = (baseName.tagState == "hidden") ? "visible" : "hidden";
}