function getBiggerImage(idString)
{
	closeOverlay();
	var overlay = document.createElement("div");
	overlay.id="image_overlay";
	overlay.onclick=function(){closeOverlay();};
	document.body.appendChild(overlay);

	if(!self.innerHeight)
	{
		var pageScroll = getPageScroll();
		overlay.style.top=pageScroll[1];
	}
	
	var ajaxOpenOverStr = initAjaxMessage();
	sendAjaxMessage("GET","widgets/utilities/image_overlay.inc.php?url="+idString,function(){openOverlay(ajaxOpenOverStr);},ajaxOpenOverStr);
}

function getBiggerText(idString)
{
	closeOverlay();
	var overlay = document.createElement("div");
	overlay.id="image_overlay";
	overlay.onclick=function(){closeOverlay();};
	document.body.appendChild(overlay);

	if(!self.innerHeight)
	{
		var pageScroll = getPageScroll();
		overlay.style.top=pageScroll[1];
	}
	
	var ajaxOpenOverStr = initAjaxMessage();
	sendAjaxMessage("GET","widgets/utilities/text_overlay.inc.php?id="+idString,function(){openTextOverlay(ajaxOpenOverStr);},ajaxOpenOverStr);
}



function openOverlay(ajaxHandler)
{
	if(ajaxHandler.readyState==4&&ajaxHandler.status==200)
	{
		if(ajaxHandler.responseText=="") closeOverlay();
		else
		{
			var imagebox = document.createElement("div");
			imagebox.id="imagebox";
			imagebox.innerHTML=ajaxHandler.responseText;
			imagebox.style.display="none";
			document.body.appendChild(imagebox);

			$("ib_image").onload = function(){displayOverlay();}
		}
	}
}

function openTextOverlay(ajaxHandler)
{
	if(ajaxHandler.readyState==4&&ajaxHandler.status==200)
	{
		if(ajaxHandler.responseText=="") closeOverlay();
		else
		{
			var imagebox = document.createElement("div");
			imagebox.id="imagebox";
			imagebox.innerHTML=ajaxHandler.responseText;
			imagebox.style.display="block";
			imagebox.style.zIndex="999999";
			document.body.appendChild(imagebox);

			displayOverlay();
		}
	}
}


function displayOverlay()
{
	// Now, resize quickly

	var pageSize = getPageSize();
	var pageScroll = getPageScroll();

	$("imagebox").style.left = ((pageSize[0]/2) - 262)+"px";
	$("imagebox").style.display="block";

	if(!self.innerHeight)
	{
		$("imagebox").style.top=(parseInt(pageScroll[1])+25)+"px";
		$("image_overlay").style.top=pageScroll[1];
		window.onscroll=function(){displayOverlay();}
	}

}

function closeOverlay()
{
	if($("image_overlay")!=null) document.body.removeChild($("image_overlay"));	
	if($("imagebox")!=null) document.body.removeChild($("imagebox"));

	window.onscroll='';
}