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..., sets an image to act as the +/- idea from previous...
		if (state == true){				
			document.getElementById(thisImg).src="images/minus.jpg";
		}
		if (state == false){
			document.getElementById(thisImg).src="images/plus.jpg";
		}
	}
}
//function to hide all "boxes", this is called from the onload of the page...
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';
	document.getElementById('box8').style.display = 'none';
	document.getElementById('box9').style.display = 'none';
	document.getElementById('box10').style.display = 'none';
	document.getElementById('box11').style.display = 'none';
	document.getElementById('box12').style.display = 'none';
}