function ModeDialog() {
	var title = "";
	var width = 522;
	var height = 134;
	var coverWidth = document.body.clientWidth;
	var coverHeight = document.body.scrollHeight;
	if (coverHeight < document.body.clientHeight) coverHeight = document.body.clientHeight;
	var sBG = '\
		<div id="dialogBoxBG" style="background-color:#222222;position:absolute;z-index:9;top:0px;left:0px;width:'+coverWidth+';height:' +coverHeight+ ';filter:alpha(opacity=30)"></div>\
	';
		//<div id="dialogBoxBG" onClick="parent.closeDialog(0)" style="background-color:#222222;position:absolute;top:0px;left:0px;width:'+coverWidth+';height:' +coverHeight+ ';filter:alpha(opacity=30)"></div>\
	//';
	this.dialogBody = null;
	
	function $(_sId) { return document.getElementById(_sId);}
	//ÏÔʾ
	this.show = function() {
		this.init();
		this.middle("dialogBox");
		this.shadow();
		this.list();
	}
	
	this.reset = function() {
		$("dialogBox").style.display = "none";
		$("dialogBoxBG").style.display = "none";
		$("dialogBoxShadow").style.display = "none";
		this.list();
	}
	
	this.init = function() {
		$("dialogCase")? $("dialogCase").parentNode.removeChild($("dialogCase")) : function(){};
		var oDiv = document.createElement("span");
		oDiv.id = "dialogCase";
		oDiv.innerHTML = sBG + this.dialogBody;
		document.body.appendChild(oDiv);
		$("dialogBoxBG").style.height = document.body.scrollHeight;
	}
	
	this.shadow = function () {
		var oShadow = $("dialogBoxShadow");
		var oDialog = $("dialogBox");
		oShadow['style']['position'] = "absolute";
		oShadow['style']['background'] = "#000";
		oShadow['style']['display'] = "";
		oShadow['style']['opacity'] = "0.2";
		oShadow['style']['filter'] = "alpha(opacity=20)";
		oShadow['style']['top'] = oDialog.offsetTop + 6;
		oShadow['style']['left'] = oDialog.offsetLeft + 6;
		oShadow['style']['width'] = oDialog.offsetWidth;
		oShadow['style']['height'] = oDialog.offsetHeight;
	}
	
	this.open = function(){
		this.show();
	}
	
	this.middle = function(_sId) {
		var sClientWidth = parent ? parent.document.body.clientWidth : document.body.clientWidth;
		var sClientHeight = parent ? parent.document.body.clientHeight : document.body.clientHeight;
		var sScrollTop = parent? parent.document.body.scrollTop : document.body.scrollTop;
		$(_sId)['style']['display'] = "";
		$(_sId)['style']['position']= "absolute";
		$(_sId)['style']['left'] = (document.body.clientWidth / 2) - ($(_sId).offsetWidth /2);
		//var sTop = -80 + (sClientHeight / 2 + sScrollTop) - ($(_sId).offsetHeight / 2);
		var sTop =  200;
		//var sTop =  (window.screen.height) / 2;
		$(_sId)['style']['top'] = sTop > 0 ? sTop : (window.screen.height) / 2;
	}
		//$(_sId)['style']['top'] = sTop > 0 ? sTop : (sClientHeight / 2 + sScrollTop) - ($(_sid).offsetHeight /2);
	//}
	
	this.list = function() {
		var oLists = document.getElementsByTagName("SELECT");
		for (var i=0;i<oLists.length; i++) {
			oLists[i]['style']['display'] = (oLists[i]['style']['display'] == "") ? "none" : "";
		}
	}
}

function openDialog(Str,sWidth,sHeight) {
	var oModeDialog = new ModeDialog();
		
	oModeDialog.dialogBody ='<table id="dialogBox" width="'+sWidth+'" border="0" align="center" cellpadding="0" cellspacing="0" style="display:none;z-index:10;" bgcolor="#FFFFFF">\
  <tr>\
    <td width="'+sWidth+'" align = "center" valign="middle"><iframe id="bankShow" name="bankShow" frameborder=0 marginheight=0 width='+sWidth+' height='+sHeight+' marginwidth=0 scrolling=no src="'+Str+'"></iframe></td>\
  </tr>\
</table>\
<div id="dialogBoxShadow" style="display:none;z-index:9;"></div>\
';
oModeDialog.open();
} 

function closeDialog(){
	var oModeDialog = new ModeDialog();
	oModeDialog.reset();
}