var magicDivRunTask;
var magicDivContent;
var magicDivNWidth;
var magicDivNHeight;
var magicDivCover;
var magicDivOpenStart = function(id, mWidth, mHeight){
	if(!magicDivCover){
		magicDivCover = document.createElement("div");
		magicDivCover.style.position = "absolute";
		magicDivCover.style.zIndex = "10";
		magicDivCover.style.left = "0";
		magicDivCover.style.top = "0";
		magicDivCover.style.backgroundColor = "#ccc";
		magicDivCover.style.opacity = "0.5";
		magicDivCover.style.filter = "alpha(opacity=50)";
	}
	if(magicDivRunTask){
		window.clearInterval(magicDivRunTask);
	}
	var myDiv = document.getElementById(id);
	if(myDiv && myDiv.style.display == "none"){
		magicDivCover.style.width = document.documentElement.offsetWidth + "px";
		magicDivCover.style.height = document.documentElement.offsetHeight + "px";
		document.body.appendChild(magicDivCover);
		magicDivContent = myDiv.innerHTML;
		myDiv.innerHTML = "";
		myDiv.style.position = "absolute";
		myDiv.style.zIndex = "11";
		myDiv.style.left = Math.ceil((document.documentElement.clientWidth-10)/2 + document.documentElement.scrollLeft)+"px";
		myDiv.style.top = Math.ceil((document.documentElement.clientHeight-10)/2 + document.documentElement.scrollTop)+"px";
		myDiv.style.width = "0";
		myDiv.style.height = "0";
		myDiv.style.display = "";
		magicDivNWidth = 0;
		magicDivNHeight = 0;
		magicDivRunTask = window.setInterval("magicDivOpenDiv('" + id + "', " + mWidth + ", " + mHeight + ")", 10);
	}else{
		document.documentElement.removeChild(magicDivCover);
		myDiv.style.display = "none";
	}
	
	return;
}
var magicDivOpenDiv = function(id, mWidth, mHeight){
	myDiv = document.getElementById(id);
	if(magicDivNWidth >= (mWidth - 50)){
		magicDivNWidth = magicDivNWidth + 4;
	}else{
		magicDivNWidth = magicDivNWidth + 50;
	}
	if(magicDivNHeight >= (mHeight - 50)){
		magicDivNHeight = magicDivNHeight + 4;
	}else{
		magicDivNHeight = magicDivNHeight + 50;
	}
	
	if((mWidth > magicDivNWidth) || (mHeight > magicDivNHeight)) {
		if(mWidth > magicDivNWidth){
			myDiv.style.width = magicDivNWidth + "px";
			myDiv.style.left = Math.ceil((document.documentElement.clientWidth - magicDivNWidth) / 2 + document.documentElement.scrollLeft) + "px";
		}
		if(mHeight > magicDivNHeight){
			myDiv.style.height = magicDivNHeight + "px";
			myDiv.style.top = Math.ceil((document.documentElement.clientHeight - magicDivNHeight) / 2 + document.documentElement.scrollTop) + "px";
		}
	}else if(magicDivRunTask){
		window.clearInterval(magicDivRunTask);
		myDiv.innerHTML = magicDivContent;
	}
	
	return;
}