var newImage = new Image();

function OpenOverlay(me){
	document.getElementById('olBackDrop').style.visibility="visible";
	document.getElementById('olImageH').style.visibility="visible";
	
	var objImage = document.getElementById('olImage');
	objImage.src = "thumbnailimage.aspx?filename=" + me.src.replace("http://www.teakplanter.com/", "").replace("thumbnailimage.aspx?filename=", "").replace("&width=120&height=90", "") + "&width=800&height=600";
	objImage.alt = me.alt;
	
	newImage = new Image();
	newImage.src = me.src.replace("thumbnailimage.aspx?filename=", "").replace("&width=120&height=90", "");
	return true;
}

function RefreshOverlay(){
	var objImage = document.getElementById('olImage');
	if(newImage.width<800 && objImage.src.indexOf("&width=800&height=600")!=-1){
		objImage.src = objImage.src.replace("&width=800&height=600", "&width=" + newImage.width + "&height=" + newImage.height);
	}
	objImage.style.marginTop = ((objImage.height / 2) * -1) + "px";
	objImage.style.marginLeft = ((objImage.width / 2) * -1) + "px";
	return true;
}

function CloseOverlay(){
	document.getElementById('olBackDrop').style.visibility="hidden";
	document.getElementById('olImageH').style.visibility="hidden";
	
	var objImage = document.getElementById('olImage');
	objImage.src = 'images/clear.gif';
	objImage.alt = '';
	return true;
}