var MaskPanel=function(){
	this.objMask;
	this.objFrame;
	this.objDialog;
	this.dialogContent = '';
	this.itvMask;
	this.isTop = false;

	this.setDialog=function(content){
		this.dialogContent = content;
	}

	this.setTop=function(){
		this.isTop = true;
	}

	this.show=function(color){
		if(!document.getElementById('divMaskPanel')){
			var divMask=document.createElement('div');
			divMask.setAttribute('id','divMaskPanel');
			document.body.appendChild(divMask);
			
			var maskStyle=document.getElementById('divMaskPanel').style;
			
			maskStyle.position='absolute';
			maskStyle.top='0px';
			maskStyle.left='0px';
			maskStyle.zIndex='100';
			maskStyle.backgroundColor='#000';
			maskStyle.opacity='.50';
			maskStyle.filter='alpha(opacity=50)';

			var divDialog=document.createElement('div');
			divDialog.setAttribute('id','divDialogPanel');
			document.body.appendChild(divDialog);
			
			var dialog=document.getElementById('divDialogPanel');
			var dialogStyle=document.getElementById('divDialogPanel').style;

			dialogStyle.zIndex='101';
			dialogStyle.position='fixed';
			dialogStyle.display='inline';

			dialog.innerHTML = this.dialogContent;

			var posX = (parseInt(screen.width)-dialog.offsetWidth)/2;
			var posY = parseInt(document.documentElement.clientHeight)/2-(dialog.offsetHeight);

			posY = posY < 0 ? 20 : posY;

			dialogStyle.top=posY+'px';
			if(this.isTop) dialogStyle.top='0px';
			dialogStyle.left=posX+'px';

			var divFrame=document.createElement('iframe');
			divFrame.setAttribute('id','frameMaskPanel');
			document.body.appendChild(divFrame);
			maskStyle=document.getElementById('frameMaskPanel').style;
			maskStyle.position='absolute'; maskStyle.top='0px'; maskStyle.left='0px'; 
			maskStyle.zIndex='99';maskStyle.border='none';maskStyle.filter='alpha(opacity=0)';
		}
		
		this.objMask=document.getElementById('divMaskPanel');
		this.objFrame=document.getElementById('frameMaskPanel');
		this.objDialog=document.getElementById('divDialogPanel');
		
		var dsh=document.documentElement.scrollHeight;
		var dch=document.documentElement.clientHeight;
		
		var bdh=(dsh>dch)?dsh:dch;
		
		this.objFrame.style.height=this.objMask.style.height=bdh+'px';
		this.objFrame.style.width=this.objMask.style.width='100%';
		this.objFrame.style.display=this.objMask.style.display='block';
		
		if(this.isIE6()){
			var obj = this;
			obj.setWidth();
			dialogStyle.position='absolute';
			this.itvMask = setInterval(function(){obj.setWidth()}, 100);
		}
	};
	
	this.isIE6=function(){
		if(parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf('MSIE')+5)) == 6){
			return true;
		}
		return false;
	}

	this.setWidth=function(){
		var dsw=document.documentElement.scrollWidth;
		var dcw=document.documentElement.clientWidth;
		var bdw=(dsw>dcw)?dsw:dcw;
		this.objFrame.style.width=this.objMask.style.width=bdw+'px';
	}

    this.hide=function(){
		clearInterval(this.itvMask);

		this.dialogContent = '';
		this.isTop = false;

		document.body.removeChild(this.objFrame);
		document.body.removeChild(this.objMask);
		document.body.removeChild(this.objDialog);
	};
}