// JavaScript Document
function show_hide(tblid, show) {
	if (tbl = document.getElementById(tblid)) {
		if (null == show) show = tbl.style.display == 'none';
		tbl.style.display = (show ? '' : 'none');
		}
}

function toggle() {
if( document.getElementById("startover").style.display=='none' ){
document.getElementById("startover").style.display = 'inline';
}else{
document.getElementById("startover").style.display = 'none';
}
}

function toggleold(id)
{
	var tr = document.getElementById(id);
	if (tr==null) { return; }
	var bExpand = tr.style.display == '';
	tr.style.display = (bExpand ? 'none' : '');
}

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="media/minus.gif";
		}
		if (state == false){
		document.getElementById(thisImg).src="media/plus.gif";
		}
	}
}
//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';
}