function getWidth(element)  { return (document.all ? element.offsetWidth : element.clientWidth); }
function getHeight(element) { return (document.all ? element.offsetHeight : element.clientHeight); }
function getXpos(obj) {
 
		var elem = obj;
		var xPos = 0; 
 
		while (elem) {
			xPos += elem.offsetLeft; 
			elem = elem.offsetParent;
		}
 
		return xPos;
	}
 
 
function getYpos(obj) {
 
		var elem = obj;
		var yPos = 0;
 
		while (elem) {
			yPos += elem.offsetTop;
			elem = elem.offsetParent;
		}
 
	return yPos;
 
}
var body;
var backgroundDiv;
var work;
var clipTop;
var clipBottom;
var clipLeft;
var clipRight;
var clipTopContent;
var clipBottomContent;
var clipLeftContent;
var clipRightContent;
var idB;
var idC;
var mainId;
var ThemeId;
var opacitate;

function closeCurtain(){
	if(opacitate>0){
		if(!document.all){
			opacitate-=0.2;
			backgroundDiv.style.MozOpacity = opacitate;
			work.style.MozOpacity = opacitate;
			setTimeout("closeCurtain()",1);
		}else{
			opacitate-=20;
			backgroundDiv.style.filter = "alpha(opacity="+opacitate+")";
			work.style.filter = "alpha(opacity="+opacitate+")";
			setTimeout("closeCurtain()",1);
		}
	}else{		
		document.documentElement.childNodes[1].removeChild(backgroundDiv);
		document.documentElement.childNodes[1].removeChild(work);
	}
}

function revealWorkingLayer(){
	if(!document.all){
		opacitate +=0.2;
		$('working_layer').style.MozOpacity = opacitate;
		if(opacitate<1){
			setTimeout("revealWorkingLayer()",1);
		}
	}else{
		$('working_layer').style.filter = "alpha(opacity="+opacitate+")";
		opacitate +=20;
		if(opacitate<100){
			setTimeout("revealWorkingLayer()",10);
		}
	}
}
function openCurtainHeight(){
	var elem = $(idB);
	if(clipBottom<720){
		clipTop-=15;
		clipBottom+=15;
		elem.style.clip = "rect("+clipTop+"px "+clipRight+"px "+clipBottom+"px "+clipLeft+"px)";
		setTimeout("openCurtainHeight()",1);
	}else{
		openCurtainWidth();
	}
}

function openCurtainWidth(){
	var elem = $(idB);
	if(clipRight<990){
		clipLeft-=20;
		clipRight+=20;
		elem.style.clip = "rect("+clipTop+"px "+clipRight+"px "+clipBottom+"px "+clipLeft+"px)";
		setTimeout("openCurtainWidth()",1);
	}else{
		work = document.createElement('div');
		work.id = 'work_'+mainId;
		work.style.cssText = 'width:500px;height:500px;background-color:#ffffff;position:absolute;top:95px;left:'+((getWidth(backgroundDiv)-getWidth(work))/2)+'px;z-index:10000;clip:rect(250px 500px 270px 470px);border:2px solid #ff0000;';
		work.style.borderWidth = 2+"px";
		body.appendChild(work);
		idC = 'work_'+mainId;
		openCurtain();
	}
}

function openCurtain(){
	var elem = $(idC);
	if(clipLeftContent>0){
		clipTopContent-=10;
		clipLeftContent-=10;
		clipBottomContent+=10;
		clipRightContent+=10;
		elem.style.clip = "rect("+clipTopContent+"px "+clipRightContent+"px "+clipBottomContent+"px "+clipLeftContent+"px)";
		setTimeout("openCurtain()",1);
	}else{
		elem.innerHTML = '<div id="working_layer" style="opacity:1;filter:alpha(opacity=1);">asdfasdfasdfasdfassfdasdf</div><div id="close" style="position:absolute;bottom:-30px;right:0px;cursor:pointer;font-size:13px;font-weight:bold;" onclick="closeCurtain()">Close</div>';
		//xmlHttp('../activity/activity_list.php?id='+ThemeId,'working_layer','get');
		opacitate = 0;
		revealWorkingLayer();
		//elem.innerHTML +='<script language="JavaScript">ImplementScroll('+mainId+');</script>';
	}
}

function CoverLayer(id,theme_id){
	mainId = id;
	clipTop = 360;
	clipBottom = 360;
	clipLeft = 470;
	clipRight = 500;
	clipTopContent = 230;
	clipBottomContent = 250;
	clipLeftContent = 480;
	clipRightContent = 500;
	body = document.documentElement.childNodes[1];
	backgroundDiv = document.createElement('div');
	backgroundDiv.id = 'backgroundDiv_'+id;
	//'+(getHeight($("main"))+getHeight($("footer")))+'px
	backgroundDiv.style.cssText='width:960px;height:100%;filter:alpha(opacity=60);opacity:0.6;position:absolute;top:0px;left:'+getXpos($('main'))+'px;z-index:10000;clip:rect(360px 500px 370px 470px);background-color:#ffffff;';
	body.appendChild(backgroundDiv);
	idB = 'backgroundDiv_'+id;
	ThemeId = theme_id;
	openCurtainHeight();
}
window.onresize = function(){
	if(backgroundDiv){
		backgroundDiv.style.left = getXpos($("main"))+"px";
		work.style.left = (getXpos(backgroundDiv)+(getWidth(backgroundDiv)-getWidth(work))/2)+"px";
	}
}