﻿(function(){
var isIE = navigator.appName.indexOf("Microsoft Internet Explorer")>-1 ? 
		([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1]) : 0 ;
function EL(id){return document.getElementById(id)}
if(isIE==6){
	document.documentElement.className+=" ie6";
}

var bgFrameHtml = '<div class="#win-frmbg" id="#id-frmbg"><iframe frameborder="no" name="#id-frmbg-frm" src="about:blank" width="100%" height="100%" style="position:relative;z-index:-1000"></iframe></div>';	
var winHtml='<div class="#win" id="#id"  style="#maincsstext;"  >\
	<div class="#win-contener" >\
		<div class="icon" id="#id-icon"></div>\
		<div class="#win-title" id="#id-title"  >你的VIP身份已过期了!</div>\
		<div class="#win-main" id="#id-main" >\
			\
		</div>\
		<div class="#win-footer" id="#id-footer"><br/>欢迎您再次加入趁热VIP行列，畅享美食超低折扣、免费品尝特色美食。<br/><br/><a href="#">加入趁热VIP的详细说明，请点这里 </a></div>\
	</div>\
	<div class="#win-border" id="#id-border">\
		<div class="lt png"></div>\
		<div class="t png"></div>\
		<div class="rt  png"></div>\
		<div class="l png" style="broder:11px solid #00f;"></div>\
		<div class="lb png"></div>\
		<div class="r png"></div>\
		<div class="rb png"></div>\
		<div class="b png"></div>\
	</div>\
	<div class="#win-btns" id="#id-btns">\
		<a href="" class="#win-btns-close" id="#id-btns-close" onclick="MessageBox_.hide();return false;"  ></a>\
	</div>\
	<div class="#win-icon" id="#id-btns-icon"></div>\
</div>';
window.MessageBox_=
window.MessageBox={
	getZdindex:function(){return 9999999;},
	id:"_MBox",
	/**
	 * @param args {title ,tailhtml,message,width,height,icon}
	 */
	show:function(args){
		var div = this.div;
		if(!div){
			div = document.createElement("div");
			div.innerHTML = winHtml.replace(/#id/g,"_MBox")
				//.replace(/#footertext/,)
				.replace(/#win/g,"MBox")
			this.div = div.firstChild;
			document.body.appendChild( this.div);
			
			
			div.innerHTML = bgFrameHtml.replace(/#id/g,"_MBox").replace(/#win/g,"MBox");
			this.bg = div.firstChild;
			
			//alert(div.in);
			document.body.appendChild(this.bg);
			div = this.div;

		}
		else{
			div.style.display="block";
			this.bg.style.display="block";
		}
		var zIndex  = this.getZdindex();
		this.bg.style.zIndex = zIndex;
		div.style.zIndex = zIndex+1;
		
		var de =document.documentElement;
		var bd = document.body;
		this.bg.style.width =Math.max(de.scrollWidth,bd.scrollWidth) + "px";
		this.bg.style.height = Math.max(de.scrollHeight,bd.scrollHeight) + "px";
		//this.bg.contentWindow.document.documentElement.style.background = "#000";
		var doc = window.frames[this.id+"-frmbg-frm"].document;
		doc.open();
		doc.write("<body style='background:#000;margin:0;width:100%;height:100%;position:absolute;' scroll='no'/>") ;
		doc.close();
		if (args.width) {
			div.style.width = args.width + "px";
			
		}
		if(args.height){
			div.style.height = args.height +"px";
		}
		if(args.title){
			EL(this.id+"-title").innerHTML = args.title;
		}
		if( args.message){
			EL(this.id+"-main").innerHTML = args.message;
			
		}
		if(args.tailhtml){
			EL(this.id+"-footer").innerHTML = args.tailhtml;
			
		}
		if(args.icon){
			EL(this.id+"-icon").style.backgroundImage ="url(" +args.icon+")";
			
		}
	
		//var yy = args.yzh;
		
		
		setTimeout(function(){MessageBox_.moveToCenter();},0);

	},
	hide:function(){
		this.div.style.display="none";
		this.bg.style.display="none";
	},
	moveToCenter:function(){
		var de =document.documentElement;
		var bd = document.body;
		var width = de.clientWidth>bd.clientWidth?de.clientWidth:bd.clientWidth;
		var height = de.clientHeight>bd.clientHeight?de.clientHeight:bd.clientHeight; 
		width = Math.min( de.clientWidth,bd.clientWidth);
		height = Math.min( de.clientHeight , bd.clientHeight);
		var objMain = this.div;
		var top = Math.floor(Math.max(document.body.scrollTop,document.documentElement.scrollTop) + (height - objMain.offsetHeight )/2);
		var left = Math.floor(Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) +(width- objMain.offsetWidth )/2);
		objMain.style.left = left+"px";
		objMain.style.top = top+"px";
	
	/*
		var width = Math.min(document.body.clientWidth,document.documentElement.clientWidth);
	var height = Math.min(document.body.clientHeight,document.documentElement.clientHeight);
	var objMain = E(this.id );
	var top = Math.floor(Math.max(document.body.scrollTop,document.documentElement.scrollTop) + (height - objMain.offsetHeight )/2);
	var left = Math.floor(Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) +(width- objMain.offsetWidth )/2);
	
	*/
	}
}
})();