Show/Hide Layers in Page Center:

Click here to test this script.

*Works in IE4+, IE5+, NN4+, NN6

Code:

Place in the <HEAD>:

function show(layerid){

if (previousLayer != '' && previousLayer != layerid){
	hide(previousLayer);
}

previousLayer = layerid

if(IE4||IE5up){
	documentWidth = document.body.offsetWidth/2-50;
	documentHeight = document.body.offsetHeight/2-50;
}	
else if (NS6up){
	documentWidth = self.innerWidth/2-50;
	documentHeight = self.innerHeight/2-50;
}
else if (NS4){
	documentWidth = window.innerWidth/2-50;
	documentHeight = window.innerHeight/2-50;
}

if(IE5up||NS6up){
	document.getElementById(layerid).style.visibility="visible";
	document.getElementById(layerid).style.left=documentWidth;
	document.getElementById(layerid).style.top=documentHeight;
}
else if(NS4){
	document.layers[layerid].visibility="visible";
	document.layers[layerid].left=documentWidth;
	document.layers[layerid].top=documentHeight;
}
else if(IE4){
	document.all[layerid].style.visibility="visible";
	document.all[layerid].style.left=documentWidth;
	document.all[layerid].style.top=documentHeight;
}
}

function hide(layerid){
	if(IE5up||NS6up)
		document.getElementById(layerid).style.visibility="hidden";
	else if(NS4)
		document.layers[layerid].visibility="hidden";
	else if(IE4)
		document.all[layerid].style.visibility="hidden";
}
//-->
</script>

Place in the <BODY>: