addOnLoad(function(){
	var _=util.make;
	var centerStyle = "position:absolute;top:50%;left:50%;";
	var img,btn,c2;
	var container = _(document.body,"DIV","style",centerStyle+"background-color:white;padding:5px;border:solid 1px gray;",
c2=		_("DIV",'style','width:400px;height:400px;overflow:hidden;',
img=		_("IMG",'style','display:none;')
		),
		_("DIV",
btn=		_("A",'href','#',
				_("IMG",'border','0','align','right','src',WWW_ROOT+'/images/closelabel.gif')
			)
		)
	);
	center(container);
	container.style.display = "none";

	img.onload = function(){
		c2.style.width =this.offsetWidth +"px";
		c2.style.height=this.offsetHeight+"px";

		container.style.width = (this.offsetWidth) +"px";

		loading.style.display = "none";
		center(container);
	}

//	btn.onblur = 
	container.onclick = 
	btn.onclick = function(evt){
		if(evt == null) evt = window.event;
		if(evt && evt.which == 3){
			return;//right click
		}
		container.style.display = "none";
		img.src = "";
		return false;
	}

	var loading = _(document.body,"IMG",
		"style",centerStyle);
	loading.onload = function(){center(this);}
	loading.src = WWW_ROOT+"/images/loading.gif";
	loading.style.display = "none";

	var imageElement = img;

	var imgs = document.images;
	window.popupClickFunction = function(elem){
		var imgId = elem.getAttribute("img");
		imageElement.src = WWW_ROOT+'/img_get.php?code=orig&img='+imgId;
		imageElement.style.display = "";
		c2.style.width="400px";
		c2.style.height="400px";
		container.style.display = "";
		loading.style.display = "";
		center(container);
		btn.focus();
	};
	
	for(var i=0; i<imgs.length; i++){
		var imgId = imgs[i].getAttribute("img");
		if(imgs[i].getAttribute("disable_thumb") == 1) continue;
		if(imgId){
			imgs[i].onclick = function (){popupClickFunction(this);};
			imgs[i].style.cursor = "pointer";
		}
	}
	var once = false;
	function center(elem){
		var scrollTop = document.documentElement.scrollTop;
		var scrollLeft = document.documentElement.scrollLeft;
		var wh = document.documentElement.offsetHeight;
		var ww = document.documentElement.offsetWidth;
		console.log({wh:wh,ww:ww,scrollTop:scrollTop,scrollLeft:scrollLeft});
		elem.style.left = Math.round((ww-elem.offsetWidth)/2 + scrollLeft)+"px";
		elem.style.top  = Math.round((wh-elem.offsetHeight)/2 + scrollTop)+"px";	
	}
});