function initgallery() {
	var panels = document.getElementsByTagName("div");
	for (i=0; i < panels.length; i++) {
		if (panels[i].className=="panel") {
			panels[i].oncontextmenu = function() { return false; };
		}
	}
}
function showImage(image) {
	var panel = document.getElementById(image);
	panel.style.display = 'block';
	var background = document.getElementById('backgroundfade');
	background.style.display = 'block';
	/* A JavaScript workaround for the fact that Internet Explorer still
		won't honor CSS "max-height" declarations.
	*/
	var images = panel.getElementsByTagName("img");
	for (i = 0; i < images.length; i++) {
		if (images[i].clientHeight > 300) {
			images[i].style.height = "300px";
		}
		if (images[i].clientWidth > 450) {
			images[i].style.width = "450px";
		}
	}
	positionImage(panel,background);
	background.style.visibility = 'visible';
	panel.style.visibility = 'visible';
	/* alert(background.clientHeight);
	alert(panel.clientHeight); */
}
function hideImage() {
	var divs = document.getElementsByTagName('div');
	for (i=0; i < divs.length; i++) {
		if (divs[i].className == 'panel') {
			divs[i].style.display = 'none';
			divs[i].style.visibility = 'hidden';
		}
	}
	document.getElementById('backgroundfade').style.display = 'none';
	document.getElementById('backgroundfade').style.visibility = 'hidden';
}

function positionImage(panel,background) {
	var width = panel.clientWidth;
	var height = panel.clientHeight; 
	var visiblewindow = background.clientHeight;
	var marginLeft = "-" + parseInt(width / 2) + "px";
	var marginTop = "-" + parseInt(height / 2) + "px";
	panel.style.marginTop = marginTop;
	panel.style.marginLeft = marginLeft;
}