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 imagePopOld(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);
	var content = '';
	if (ititle) { content = content + '<h2>'+ititle + '</h2>'; }
	content = content + '<img src="'+iname+'" alt="'+title+'">';
	
	document.getElementById('ImageContent').innerHTML = content;
	
return(false);


}

function imagePop(url, iwidth, iheight){
	lyr = document.getElementById('ImagePop');
	var dh = Math.floor(iheight) + 120;
	var dw = Math.floor(iwidth);
	lyr.style.width = dw + 'px';		

	putInCentre(lyr, dh, dw);

	re = /gallery/g;
	url = url.replace(re, 'fgi');

	var request = HTTP.newRequest();
	request.onreadystatechange = function() {
		if (request.readyState==4) { 
			if (request.status == 200){
				var x = request.responseText.indexOf("<body");
				x = request.responseText.indexOf(">", x);    
				var y = request.responseText.lastIndexOf("</body"); 
				var item = request.responseText.slice(x + 1, y);
				document.getElementById('ImageContent').innerHTML = item;
			}
		}
	}
	request.open("GET", url, true);
	request.setRequestHeader("Content-type", "text/html; charset=UTF-8"); 

	request.setRequestHeader("User-Agent", "XMLHttpRequest");
	request.send(null);



return(false);


}
function swapPop(source, target){

	el = document.getElementById(source);
	tel = document.getElementById(target);
	tel.innerHTML = el.innerHTML;
	showPop();
	return(false);

}

function showPop(){
	lyr = document.getElementById('ImagePop');
	var dh = 800;
	var dw = 600;
	lyr.style.width = dw + 'px';		

	putInCentre(lyr, dh, dw);

}

function hidePop(){

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

	return(false);


}