function showHide(theid) {
	if (document.getElementById(theid).style.display == 'block') {
		document.getElementById(theid).style.display = 'none';
	}
	else if (document.getElementById(theid).style.display == 'none') {
		document.getElementById(theid).style.display = 'block';
	}
}

function lightbox(theid) {
	if (document.getElementById(theid).style.display == 'block') {
		document.getElementById(theid).style.display = 'none';
		document.getElementById("lightboxDimmer").style.display = 'none';
	}
	else if (document.getElementById(theid).style.display == 'none') {
		document.getElementById(theid).style.display = 'block';
		document.getElementById('lightboxDimmer').style.display = 'block';
		document.getElementById('lightboxDimmer').style.height = document.body.clientHeight+100+"px"
	}
}

/* USAGE 
 
 
 CSS --
 
#lightboxDimmer {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #000000;
	-moz-opacity: .40;
	filter: alpha(opacity=40);
	opacity: .40;
	width: 100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	z-index: 150;
}

.lightbox {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -260px;
	width: 520px;
	padding: 0px;
	background-color: #e7ded2;
	border: 1px solid #560a2e;
	text-align: left;
	z-index: 200;
}

HTML --

<div id="lightboxDimmer" style="display: none;"></div>
<div id="whatever" class="lightbox" style="display: none;">Content of Lightbox</div>

*/