function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	curleft = curleft - 100;
	curtop = curtop - 100;
	return [curleft,curtop];
}


function putInCentre(lyr, h, w) { 

var d = document; 
var rootElm = (d.documentElement && d.compatMode == 'CSS1Compat') ? d.documentElement : d.body; 


var top = (d.body.scrollTop > rootElm.scrollTop) ? d.body.scrollTop : rootElm.scrollTop;

var vpw = self.innerWidth ? self.innerWidth : rootElm.clientWidth; // viewport width 
var vph = self.innerHeight ? self.innerHeight : rootElm.clientHeight; // viewport height 
lyr.style.left = ((vpw - w) / 2) + 'px';  

var dtop = top + (vph - h)/2;
dtop = (dtop > 10) ? dtop : 10;
lyr.style.top = dtop +'px'; 


lyr.style.visibility = "visible";
} 

function setLyr(obj,lyr)
{
	var coors = findPos(obj);
	
	lyr.style.top = coors[1] + 'px';
	lyr.style.left = coors[0] + 'px';
	lyr.style.visibility = "visible";
}

function imagePop(el, iname,ititle, iwidth, iheight){
	lyr = document.getElementById('ImagePop');
	var dh = Math.floor(iheight) + 80;
	var dw = Math.floor(iwidth);
	lyr.style.height = dh + 'px';
	lyr.style.width = dw + 'px';		

	putInCentre(lyr, dh, dw);
	document.getElementById('ImageContent').innerHTML = 
	'<h2>'+ititle + '</h2><img src="'+iname+'">';
return(false);


}
function hidePop(){

	document.getElementById('ImagePop').style.visibility = "hidden";

return(false);


}