// preload the collapsible buttons
if (document.images){
	imgCache['but_plus_off'] = new Image();
	imgCache['but_plus_off'].src = "images/but_plus_off.gif";
	imgCache['but_plus_over'] = new Image();
	imgCache['but_plus_over'].src = "images/but_plus_over.gif";

	imgCache['but_minus_off'] = new Image();
	imgCache['but_minus_off'].src = "images/but_minus_off.gif";
	imgCache['but_minus_over'] = new Image();
	imgCache['but_minus_over'].src = "images/but_minus_over.gif";
}

// write out the style that hides the collapsible divs so incompatible browsers will see the info
if (document.getElementById){
	document.write('<style type="text/css">');
	document.write('div.collapseBody { display:none; }');
	document.write('</style>');
}
	
var collapseItemVisible = new Array();
function toggleCollapsibleItem(index){
	if (document.getElementById){
		var layer = document.getElementById("collapseBody"+index);
		if (collapseItemVisible[index]){
			collapseItemVisible[index] = false;
			layer.style.display = "none";
			swapImage(("collapseButton"+index), "but_plus_over"); //  make it a plus
		} else {
			collapseItemVisible[index] = true;
			layer.style.display = "block";
			swapImage(("collapseButton"+index), "but_minus_over"); //  make it a minus
		}
	}
}

function handleOverCollapseItem(index){
	if (document.images){
		if (collapseItemVisible[index]){ swapImage(("collapseButton"+index), "but_minus_over"); }
		else{ swapImage(("collapseButton"+index), "but_plus_over"); }
	}
}

function handleOutCollapseItem(index){
	if (document.images){
		if (collapseItemVisible[index]){ swapImage(("collapseButton"+index), "but_minus_off"); }
		else{ swapImage(("collapseButton"+index), "but_plus_off"); }
	}
}