function scrolledTop(){
	return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop)
}

function getDocumentHeight() {
  return (document.body.scrollHeight > document.body.offsetHeight ) ? document.body.scrollHeight : document.body.offsetHeight;
}

function getClientWidth() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight() {
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}


function showImagebox(s) {
	var overlay = document.getElementById('overlay');
	var imagebox = document.getElementById('imagebox');
	//zoomed
	var zoomed = document.getElementById('zoomed');
	zoomed.src=s;

	overlay.style.display = 'block';
	overlay.style.height = getDocumentHeight();
	imagebox.style.display = 'block';
	imagebox.style.top = scrolledTop() + 60;
	imagebox.style.left = (getClientWidth() - imagebox.offsetWidth) / 2
	
}

function closeImagebox() {
	var overlay = document.getElementById('overlay');
	var imagebox = document.getElementById('imagebox');
	overlay.style.display = 'none';
	imagebox.style.display = 'none';
}