<!--
//altered from example posted previously...
function showOrHide(eId, thisImg, state) {
	if (e = document.getElementById(eId)) {
		if (state == null) {
			state = e.style.display == 'none';
			e.style.display = (state ? '' : 'none');
		}
		//...except for this, probably a better way of doing this, but it works at any rate...
		if (state == true){				
			document.getElementById(thisImg).src="graphics/minus.gif";
		}
		if (state == false){
			document.getElementById(thisImg).src="graphics/plus.gif";
		}
	}
}
//function to hide all "boxes"
function hideAll(){
	document.getElementById('box1').style.display = 'none';
	document.getElementById('box2').style.display = 'none';
	document.getElementById('box3').style.display = 'none';
	document.getElementById('box4').style.display = 'none';
	document.getElementById('box5').style.display = 'none';
	document.getElementById('box6').style.display = 'none';
	document.getElementById('box7').style.display = 'none';
}
//!-->