﻿/*****************************
	TLMask 说明 遮罩弹出窗口
tp: 0=Iframe 1=文字；
nr="332.html"
w=200
h=100
*****************************/
 

 

(function($) {
    $.fn.TlClose = function(zt) {
        if (!zt && this.attr("hide") == "true") { this.hide(); } else { this.remove(); };
        if ($("#Mask .MaskContent").length == 0) $("#Mask").hide();
    }
})(jQuery);


function TLMask(b){
	if($("#Mask").size()==0){$("body").prepend('<div class="MaskMove"></div><div id="Mask" class="MaskDiv wh100" style="display: none"><div class="MaskBg wh100"></div></div>')}
	var a, con, _M_C
	var state = function() {
	a = {
		hide: false,
		tp: 0,
		w: 310,
		h: 120,
		nr: "",
		t: "",
		btnOkName: "#SubmitOk",
		btnCancelName: "#SubmitCancel",
		c: false, /*c= 《右上角关闭》和《取消按钮》关闭前执行的方法*/
		q: false, /*q= 《确定》 关闭前执行的方法*/
		IframeId: "",
		errImg: "images/tishijishi.gif",
		template: $('<div class="MaskContent wh100"><div class="Mask_zezao wh100"> </div><table border="0" cellspacing="0" cellpadding="0" class="wh100" style="position: absolute;"><tr><td align="center" valign="middle" id="MaskText">     <table class="Mask_tb" border="0" cellspacing="0" cellpadding="0"><tr><td class="Mask_01"></td><td class="Mask_02" align="left"><div id="MaskClose" class="MaskClose"></div><div id="MaskTitle" class="MaskTitle">查看任务详细</div></td><td class="Mask_03"></td></tr><tr><td class="Mask_04"></td><td id="SMaskText" class="MaskText" align="left"></td><td class="Mask_05"></td></tr><tr><td class="Mask_06"></td><td class="Mask_07"></td><td class="Mask_08"></td></tr></table></td></tr></table></div>'),
		btnOk: false,
		btnCancel: false
	}
	con = $.extend(a, b);
	}
		state();
		switch (con.tp) {
		case 0 :
		    _M_C = $('<iframe id="' + con.IframeId + '" frameborder="0" src="' + con.nr + '" style="width:' + con.w + 'px;height:' + con.h + 'px;border:none;"  scrolling="no" allowtransparency=true></iframe>');
		    _M_C.bind("load", function() {
		        _M_C.contents().find(con.btnOkName).click(function() {
		            //单击确定按钮
		            if (con.q) _f(con.q);
		            con.template.TlClose();
		        })
		        _M_C.contents().find(con.btnCancelName).click(function() {
		            //单击取消按钮
		            if (con.c) _f(con.c);
		            con.template.TlClose();
		        })
		        _M_C.contents().aaa = "okokok"
		    })
			break;
		case 1	:
			 _M_C = $('<div style="width:'+con.w+'px;height:'+con.h+'px;"></div>').append($(con.nr).clone().show())
			break;
		
 		case 2	:
			 _M_C = $('<div style="width:'+con.w+'px;height:'+con.h+'px;"> <table style="width:100%;height:80px"><tr><td width="35%" align="right" valign="middle" style="width:35%"><img src="'+con.errImg+'" /></td><td width="65%" align="left" valign="middle" style="width:65%">'+con.nr+'</td></tr></table><div align="center" class="Mask_003"><input name="input2" type="button" id="MaskClose2" class="MaskSubmit" value="关闭"></div></div>')
			break;
			
 		case 3	:
			 _M_C = $('<div style="width:'+con.w+'px;height:'+con.h+'px;"> <table style="width:100%;height:80px"><tr><td width="35%" align="right" valign="middle" style="width:35%"><img src="'+con.errImg+'" /></td><td width="65%" align="left" valign="middle" style="width:65%">'+con.nr+'</td></tr></table><div align="center" class="Mask_003"><input name="input2" type="button" id="MaskOk" class="MaskSubmit" value="确定">　&nbsp;　<input name="input2" type="button" id="MaskClose2" class="MaskSubmit" value="取消"></div></div>')
			break;
		}


		var ff = con.template
		ff.find(".MaskClose").hover(function() { $(this).css("backgroundPosition", "0px -16px") }, function() { $(this).css("backgroundPosition", "0px 1px") });
		ff.attr("hide", con.hide);
		ff.find("#SMaskText").html(_M_C);
		ff.find("#MaskTitle").html(con.t);
		ff.find("#MaskClose,#MaskClose2").click(function() { if (con.hide) { ff.hide() } else { ff.remove() }; if ($("#Mask .MaskContent").length == 0) $("#Mask").hide(); if (con.c) _f(con.c); })
		ff.find("#MaskOk").click(function() { if (con.hide) (ff.remove()); ; if ($("#Mask .MaskContent").length == 0) $("#Mask").hide(); if (con.q) _f(con.q); })

		if($("#Mask .MaskContent").length==0)$(".MaskBg").fadeTo(0,.0).fadeTo(0,.2)

		$("#Mask").append(ff);

		$("#Mask").show();

		ff.find(".MaskTitle").mousedown(function(e) {
		    var _tb = ff.find(".Mask_tb")
		    var _x = _tb.offset().left;
		    var _y = _tb.offset().top;
		    var _w = _tb.width();
		    var _h = _tb.height();

		    var _Cx = e["pageX"] - _x;
		    var _Cy = e["pageY"] - _y;

		})
		return ff;
	}
//})(jQuery);


function alert(Str){
	TLMask({ tp: 2, w: 300, h: 115, nr: Str, t: "" })
}
function  confirm(Str){
	TLMask({ tp: 4, w: 800, h: 515, nr: Str, t: "" })
}
//	TLMask 遮罩弹出窗口 End

 
