function createOverlay()
{
	var divEle=document.getElementById("overlay_div");
	
	if(divEle!=null)
		return divEle;
	
	divEle=document.createElement("div");
	divEle.id="overlay_div";
	divEle.setAttribute('name','overlay_div');
	divEle.className="portfolio_overlay";
	
	 if (navigator.appName=="Netscape") {
		 divEle.style.height = window.innerHeight+'px';
		 divEle.style.width = window.innerWidth+'px';
		 
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
		 divEle.style.height=document.body.offsetHeight+20+'px';
		 divEle.style.width=document.body.offsetWidth+'px';
	 }

	
	
	//divEle.style.height=document.body.offsetHeight+20+'px';
	//divEle.style.width=document.body.offsetWidth+'px';
	document.body.appendChild(divEle);
	divEle.onclick=closeOverlay;
	//document.body.insertBefore(divEle,document.body.childNodes[0]);
	return divEle;
}


function closeOverlay()
{
	var ele=document.getElementById("overlay_div");
	document.body.removeChild(ele);
}


function addElementOverlat()
{
	var ele=createOverlay();
	
	var divEle=document.getElementById("ontop_overlay");
	
	if(divEle==null)
	{
		var divEle=document.createElement("div");
		divEle.id="ontop_overlay";
		divEle.setAttribute('name','ontop_overlay');
		divEle.className="ontop_overlay";
		divEle.style.height=330+'px';
		divEle.style.width=700+'px';
		divEle.style.position="absolute";
		divEle.style.textAlign="center";
		divEle.style.verticalAlign='middle';
	}else
	{
		
		for(var i=divEle.childNodes.length;i>0;i--)
		{
			divEle.removeChild(divEle.childNodes[i-1]);
		}
	}
	
	var imgEle=document.createElement("img");
	imgEle.setAttribute('src','images/portfolio/loading.gif');
	imgEle.style.marginLeft='auto';
	imgEle.style.marginRight='auto';
	imgEle.style.position="relative";
	imgEle.style.height=320+'px';
	imgEle.style.width=467+'px';
	//imgEle.style.marginTop=(parseInt(divEle.style.height)/2)+"px";
	//imgEle.style.marginBottom='50%';
	
	//imgEle.style.verticalAlign='middle';
	
	
	divEle.appendChild(imgEle);
	
	var wleft = (document.body.scrollWidth - parseInt(divEle.style.width)) / 2;
	var wtop = (document.body.scrollHeight - parseInt(divEle.style.height)) / 2;
	
	divEle.style.top=wtop+'px';
	divEle.style.left=wleft+'px';
	divEle.onclick=function(ev)
	{
		ev = ev || window.event;
		if(ev.stoppropagation) 
		{
			ev.stoppropagation();
		} else if('cancelBubble' in ev)
		{
			ev.cancelBubble = true;
		}
	}
	
	
	ele.appendChild(divEle);
	
	
}


function showThum(mi,dm,id)
{
	
	addElementOverlat();
	
	var ajax=getAjax();
	ajax.onreadystatechange=function()
	{
		
		if(ajax.readyState==4)
		{
			var obj=eval('('+ajax.responseText+')');
			var ele=document.getElementById('ontop_overlay');
			/*
			for(var i=ele.childNodes.length;i>=0;i++)
			{
				ele.removeChild(ele.childNodes[i]);
			}
			*/
			ele.innerHTML=obj.content;
			
		}
		
	}
	ajax.open('POST','ajax_core.php',true);
	ajax.send('{"module":"modPortfolio","module_instance":"'+mi+'","display_mode":"'+dm+'","function":"getThum","id":"'+id+'"}');
}