var layer = null;
var popLayer=function(){
	this.title = '';
	this.url = '';
	this.width = '';
	this.height = '';
	this.fontcolor = '';
	this.bgcolor = '';
	this.bordercolor = '';
	this.load = function(arr,val){
		if(val != ''){
			switch(arr){
				case 'width': this.width=val; break;
				case 'fontcolor': this.fontcolor = val; break;
				case 'height': this.height = val; break;
				case 'title': this.title = val; break;
				case 'url': this.url = val; break;
				case 'bgcolor': this.bgcolor = val; break;
				case 'bordercolor': this.bordercolor = val; break;
			};
		};
	};
	this.init = function(){
		this.hidden('hidden');
		if(document.getElementById('dialogCase')==null){
			var oDiv=document.createElement('div');
			oDiv.id='dialogCase';
			document.body.appendChild(oDiv);
		}else {
			document.getElementById('dialogCase').style.display='block';
		}
		var html = ''
			+ '<div style="z-index:2000;position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;">'
				+ '<div id="frame" style="z-index:3000;border:1px solid ' + this.bordercolor + ';width:' + this.width + 'px;overflow:hidden;">'//filter:progid:DXImageTransform.Microsoft.shadow(direction=135, color=#999999, strength=3)
					+ '<div style="clear:both;background:' + this.bgcolor + ';">'
						+ '<div style="border-bottom:1px solid ' + this.bordercolor + ';padding-left:10px;height:30px;background-color:' + this.bgcolor + ';color:' + this.fontcolor + ';overflow:hidden">'
							+ '<div style="float:left;width:auto;line-height:30px;height:30px"><b> # ' + this.title + '</b> ( 按Esc键关闭 )</div>'
							+ '<div onclick="javascript:layer.close()" style="float:right;width:auto;cursor:pointer;margin:7px;"><img src=/images/close.gif /></div>'
						+ '</div>'
						+ '<div style="clear:both;padding:5px;"><div id="ydv1" style="text-align:center;display:block">页面载入中，请稍后...</div><iframe id="ydv2" scrolling="no" style="width:' + (this.width - 10) + 'px;height:' + (this.height - 10) + 'px;overflow:hidden;display:none" frameborder="0" src="' + this.url + '"></iframe></div>'
					+ '</div>'
				+ '</div>'
			+ '</div>';
		var cover = '<div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;width:100%;height:100%;filter:alpha(opacity=70);z-index:1000;background-color:#eee;display:block;"></div>';
		document.getElementById('dialogCase').innerHTML = cover + html;
		var obj = this.position();
		document.getElementById('dialogBoxBG').style.height = document.documentElement.scrollHeight + 'px';
		document.getElementById('frame').style.marginTop = obj['top'] + 'px';
		document.getElementById('frame').style.marginLeft = obj['left'] + 'px';
	};
	this.show = function(){
		document.getElementById('ydv1').style.display = 'none';
		document.getElementById('ydv2').style.display = 'block';
	}
	this.position = function(){
		var myWidth = 0, myHeight = 0;
		var _Top = 0, _Left = 0;
		if(typeof(window.innerWidth) == "number"){
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		}else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)){
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}
		_Top = (myHeight - this.height) / 2 + document.documentElement.scrollTop;
		_Left = (myWidth - this.width) / 2;
		if(_Top < 1) _Top = 20;
		if(_Left < 1) _Left = 20;
		return {'left' : _Left, 'top' : _Top};
	}
	this.close = function(){
		document.getElementById('dialogCase').style.display = 'none';
		this.hidden('visible');
	};
	this.keydown = function(){
		var oEvent = (window.event) ? window.event : event;
		if(document.getElementById('dialogCase').style.display != 'none'){
			if(oEvent.keyCode == 27){
				layer.close();
			}else{ 
				return;
			}
		}
	};
	this.onscroll = function(){
		var obj = layer.position();
		document.getElementById('frame').style.marginTop = obj['top']+'px';
	};
	this.hidden = function(state){
	    var obj = document.getElementsByTagName('select');
        for(var i=0;i<obj.length;i++){
            obj[i].style.visibility = state;
        }
	};
}