//This function takes targetIndex parameter, which is an integer representing
	//the index of an array containing source and target elements
	//When the source element is clicked, the target with that index is displayed	
	function toggleElem(targetIndex){
		//setup an array containing all elements in the source list
		var sourceElems = document.getElementById('toggleSource').getElementsByTagName('dt');
		//setup an array containing all target elements
		var targetElems = document.getElementById('toggleSource').getElementsByTagName('dd');
		
		//give the source element a class of plus or minus to show appropriate graphic (+ or -)
		sourceElems[targetIndex].className = (sourceElems[targetIndex].className=='plus') ? 'minus' : 'plus';
		//give the target elements a class of hiddentTarget or showTarget to show or hide the text
		targetElems[targetIndex].className = (targetElems[targetIndex].className=='hiddenTarget') ? 'showTarget' : 'hiddenTarget';
	} //end toggleElem function
	

	//This function shows all target elements by setting the class to 'showTarget'
	//It also sets the class of the source elements by setting the class to 'minus'
	function showAll() {
		//setup an array containing all elements in the source list
		var sourceElems = document.getElementById('toggleSource').getElementsByTagName('dt');
		//setup another array containing all target elements
		var targetElems = document.getElementById('toggleSource').getElementsByTagName('dd');
	
		for (var i=0; i<sourceElems.length; i++) {
			sourceElems[i].className = 'minus';
			targetElems[i].className='showTarget';
		}	
	} //end showAll function


	//This function hides all target elements by setting the class to 'hiddenTarget'
	//It also sets the class of the source elements by setting the class to 'plus'
	function hideAll() {
		//setup an array containing all elements in the source list
		var sourceElems = document.getElementById('toggleSource').getElementsByTagName('dt');
		//setup another array containing all target elements
		var targetElems = document.getElementById('toggleSource').getElementsByTagName('dd');
	
		for (var i=0; i<sourceElems.length; i++) {
			sourceElems[i].className = 'plus';
			targetElems[i].className='hiddenTarget';
		}	
	} //end showAll function

	
	//This function sets the page up for toggling all elements.
	//first it gets all the source (dt) and target elements (dd) and stores them in arrays
	//next, it iterates through all three arrays. The source elements convert to anchors
	//which, when clicked will toggle the target element of the appropriate index.
	//finally, classes are assigned: .plus for source elements (puts a + next to each source) 
	//and .hiddenTarget for target elements (hides target text)
	function setupToggle() {
		if (document.getElementById && document.getElementsByTagName) {
			//setup an array containing all elements in the source list
			var sourceElems = document.getElementById('toggleSource').getElementsByTagName('dt');
			//setup another array containing all target elements
			var targetElems = document.getElementById('toggleSource').getElementsByTagName('dd');
			for (var i=0; i<sourceElems.length; i++) {
				//get the text currently contained in the source element
				var sourceContent = sourceElems[i].innerHTML;
				//setup an anchor for that text
				var sourceHref = "<a href='javascript: void(0)' onclick=\"toggleElem("+i+")\" title='See more about this topic'>";
				sourceElems[i].innerHTML = sourceHref + sourceContent + "</a>";
				sourceElems[i].className = 'plus';
				targetElems[i].className='hiddenTarget';
			}	
		}
	}// end setupToggle function