// loosely based on the TJK Toggle example available here:
// http://www.tjkdesign.com/articles/toggle_elements.asp
// major changes were to support multiple FAQ sections per page and
// to how the +/- graphics are displayed and swapped.
// In keeping with the terms of the Creative Common license, the javascript
// code below which incorporates these changes is available to all under
// the terms of the Creative Commons license.

var plusImg = new Image();
plusImg.src = "/images/plus.gif";
var minusImg = new Image();
minusImg.src = "/images/minus.gif";

if (document.getElementById && document.getElementsByTagName) {
	document.write("<link href=\"togglefaq.css\" type=\"text/css\" rel=\"stylesheet\" />")
}

function InitToggles (section) {
	if (document.getElementById && document.getElementsByTagName) {
		var dt=document.getElementById(section).getElementsByTagName('dt');
		var dd=document.getElementById(section).getElementsByTagName('dd');
		for(var i=0;i<dt.length;i++){
			var zContent = dt[i].innerHTML;
			var zHref = "<a style=\"text-decoration:none\" href='#' onclick=\"ToggleItem('"+section+"',"+i+");return false\" title='Show/hide the answer'>";
			dt[i].innerHTML = zHref + "<img src=\"/images/plus.gif\" border=\"0\" style=\"text-decoration:none\" /><div class=\"question\">" + zContent + "</div></a>";
			dd[i].className='hideDD';
		}
	}
}

function ExpandAll (section) {
	var dd=document.getElementById(section).getElementsByTagName('dd');
	var di=document.getElementById(section).getElementsByTagName('img');
	for(var i=0;i<dd.length;i++){
		dd[i].className='showDD';
		di[i].src=minusImg.src;
	}
}

function CollapseAll (section) {
	var dd=document.getElementById(section).getElementsByTagName('dd');
	var di=document.getElementById(section).getElementsByTagName('img');
	for(var i=0;i<dd.length;i++){
		dd[i].className='hideDD';
		di[i].src=plusImg.src;
	}
}

function ToggleItem (section,x) {
	var dd=document.getElementById(section).getElementsByTagName('dd');
	var di=document.getElementById(section).getElementsByTagName('img');
	dd[x].className=(dd[x].className=='hideDD')?'showDD':'hideDD';
	di[x].src=(di[x].src==plusImg.src)?minusImg.src:plusImg.src;
}