//use this to collapse/expand lists
function showItem(thisList){
	if (document.getElementById(thisList).style.display =="") {
		document.getElementById(thisList).style.display = "block";
		//document.getElementById(thisList).style.display = "table";
		//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 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";
}

//use this to "hide" all the FAQ items
function hideAllTag(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 ++) {
		{
			document.getElementById(tagArray[i].id).style.display ="";
			document.getElementById(tagArray[i].id + "arrow").className = "arrow";
		}
	}
	tagState = "hidden";
	//tagState = (tagState == "hidden") ? "visible" : "hidden";
}

//the down arrow won't show unless it's preloaded.
//var downArrow = new Image();
//downArrow.src = "Frequently%20Asked%20Questions_files/sidenavarrowdown.gif";
//var rightArrow = new Image();
//rightArrow.src = "Frequently%20Asked%20Questions_files/sidenavarrow.gif";

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