﻿var g_agt = navigator.userAgent.toLowerCase();
var is_opera = (g_agt.indexOf("opera") != -1);
var is_fixefox = (g_agt.indexOf("firefox") != -1);
var g_title = "";
var g_iframeno = 0;
var box_height;

jQuery.fn.extend({
    myDialog : function(options){
		
        options = $.extend({         
            left        : "",          //弹出层显示位置
            top         : "",
			width		: "",
			height		: "",
			title		: "无标题",
			url			: "",
			type		: "page",
			disclose	: 'no',
			css			: "",
			tailPic		: "http://www.aipai.com/app/www/templates/player/img/tail.gif",
            topPic		: "http://www.aipai.com/app/www/templates/player/img/top.gif",
            style       : 'http://www.aipai.com/app/www/templates/common/img/mydialog.css'
         },options);	
	
	AttachStyle(options.css);	 
	var width = options.width;
	var height = options.height;
	var title = options.title;
	var tailPic = options.tailPic;
	var topPic = options.topPic;
    var style = options.style;
	box_height = height;
	
	if(options.disclose == 'yes') {
		var sClose = '';
	} else {
		var sClose = '<a href="#" onclick="javascript:$(this).close();return false;" title="关闭" class="close"><span class="hidden">关闭</span></a>';
	}
	
	var sBox = '\
			<div id="dialogBox" style="display:none;z-index:9999;width:'+width+'px;">\
            <link rel="stylesheet" type="text/css" href="'+ style +'" />\
            <table class="myDialogTb" width="100%" border="0" cellspacing="0" cellpadding="0">\
                <tr><td class="r_lt"></td><td class="r_bg"></td><td class="r_rt"></td></tr>\
                <tr>\
                    <td class="r_bg"></td><td class="r_cbg"><div class="tbt1"></div><div class="tbt2"></div><div class="title">' + sClose + '<span id="dialogBoxTitle">' + title+'</span></div>\
                        <div class="content" id="dialogBody" style="width:'+(width-10)+'px;height:'+(height-28)+'px;"></div>\
                    </td><td class="r_bg"></td>\
                </tr>\
                <tr><td class="r_lb"></td><td class="r_bg"></td><td class="r_rb"></td></tr>\
            </table>\
		</div><div id="dialogBoxShadow" style="display:none;z-index:9998;"></div>\
	';
	
	var sIfram = '\
		<iframe id="dialogIframBG" name="dialogIframBG" frameborder="0" marginheight="0" marginwidth="0" hspace="0" vspace="0" scrolling="no" style="position:absolute;z-index:9997;display:none;"></iframe>\
	';
	
	var sBG = '\
		<div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;width:100%;height:100%;"></div>\
	';
	
	return this.each(function(){
			var dialog1=$(this);
			dialog1.Myinit(sBG,sIfram,sBox);
			if(!is_fixefox)
			{
				if(document.readyState=="complete")  
				{  
					dialog1.open(options.url, options.top, options.left, options.type);
				}
			} else {
				dialog1.open(options.url, options.top, options.left, options.type);
			}
			
			//dialog1.show();
			});
	
	
},
	Myinit:function(sBG,sIfram,sBox) {
	$('#dialogCase') ? $('#dialogCase').remove() : function(){};
	var oDiv = document.createElement('span');
	oDiv.id = "dialogCase";
	if (!is_opera)
	{
	     //有一些问题要处理。
		oDiv.innerHTML = sBG + sIfram + sBox; 
	}
	else
	{
		oDiv.innerHTML = sBG + sBox;
	}
	
	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {  
            document.body.appendChild(oDiv);
        } 
	} else {
		document.body.appendChild(oDiv);
	}
	
	},
	
	
	middle:function(_sId)
	{

		//$('#'+_sId)['style']['display'] = '';
		$('#'+_sId).css("display",""); 
		$('#'+_sId).css("position","absolute"); 
		var sClientWidth = parent.document.body.clientWidth;
		var sClientHeight = parent.document.body.clientHeight;

		var sScrollTop = parent.document.body.scrollTop+parent.document.documentElement.scrollTop;
		
		var box_b_h = sScrollTop+((document.documentElement.clientHeight)/2 - (box_height/2) - (document.documentElement.clientHeight)/8);
		//alert(document.getElementById(_sId).offsetHeight);
		//alert($('#'+_sId).offset().left);
		var sleft = (sClientWidth - $('#'+_sId).width()) / 2;
		//var iTop = sScrollTop + 100;
		var sTop = box_b_h > 0 ? box_b_h : 0;
		//alert(sleft);
		$('#'+_sId).css("left",sleft+"px"); 
		$('#'+_sId).css("top",sTop+"px"); 
	},
	
	
	myshow:function(top,left)
	{
		$(this).middle('dialogBox');
		if ($('#dialogIframBG'))
		{
			if( top != '') {
				$('#dialogBox').css('top',top);
			}
			if(left != '' )
			{
				$('#dialogBox').css('left',left);
			}
			
			$('#dialogIframBG').css("top",$('#dialogBox').css('top')); 
			$('#dialogIframBG').css("left",$('#dialogBox').css('left')); 
			$('#dialogIframBG').css("width",$('#dialogBox').css('width')); 
			$('#dialogIframBG').css("height",$('#dialogBox').css('height')); 
			$('#dialogIframBG').css("display","block");
			
			//$('#dialogBoxBG').css("background","#000000");
			//$('#dialogBoxBG').Opacity(1);
		}
		if (!is_opera) {
			$(this).shadow();
		}
	},
	
	event_b_show:function()
	{
		var oShadow = $('#dialogBoxShadow');
		oShadow.css("position","absolute");
		oShadow.css("display","");
		oShadow.css("opacity","0.2");
		oShadow.css("filter","alpha(opacity=20)");
		//oShadow.Opacity(0.2);
		oShadow.css("background","#000000");

	
//		var sClientWidth = parent ? parent.window.screen.availWidth : document.body.offsetWidth;
		var sClientWidth = (document.body.clientWidth+12) >document.body.scrollWidth ? document.body.clientWidth : document.body.scrollWidth-12;

		
		var sClientHeight = parent ? parent.document.body.offsetHeight : document.body.offsetHeight;
		
		var sScrollTop = parent ? (parent.document.body.scrollTop+parent.document.documentElement.scrollTop) : (document.body.scrollTop+document.documentElement.scrollTop);
		oShadow.css("top",'0px');
		oShadow.css("left",'0px');
		oShadow.css("width", sClientWidth + "px");
		oShadow.css("height",(sClientHeight + sScrollTop) + "px");
		//alert("width:"+sClientWidth+"height:"+(sClientHeight + sScrollTop));
	},
	
	
	shadow:function()
	{
		$(this).event_b_show();
		if (window.attachEvent)
		{
			window.attachEvent('onresize', $(this).event_b);
			//window.attachEvent('onscroll', $(this).event_b);
		}
		else
		{
			window.addEventListener('resize', $(this).event_b, false);
			//window.addEventListener('scroll', $(this).event_b, false);
		}
	},
	
	
	event_b:function()
	{
		//$(this).middle('dialogBox');
		var oShadow = $('dialogBoxShadow');
		
		if (oShadow.css("display") != "none")
		{
			$(this).middle('dialogBox');
			if ($(this).event_b_show)
			{
				$(this).event_b_show();
			}
		}
	},
	
	reset:function()
	{
		$(this).close();
	},

	close:function()
	{
		if (window.removeEventListener) 
		{
			window.removeEventListener('resize', $(this).event_b, false);
			//window.removeEventListener('scroll', $(this).event_b, false);
		} 
		else if (window.detachEvent) 
		{
			try {
				window.detachEvent('onresize', $(this).event_b);
				//window.detachEvent('onscroll', $(this).event_b);
			} catch (e) {}
		}
		if ($('dialogIframBG')) {
			$('#dialogIframBG').css("display","none"); 
		}
		
		$('#dialogBox').css("display","none"); 
		$('#dialogBoxBG').css("display","none"); 
		$('#dialogBoxShadow').css("display","none"); 

		if (typeof(parent.onDialogClose) == "function")
		{
			parent.onDialogClose($('#dialogBoxTitle').innerHTML);
		}
		// 重新显示对窗口发生干扰的表单object
		$(".jammer").show();
	},
	
	open:function(_sUrl, top, left, type)
	{	
		$(this).myshow(top,left);
		myInnerHTML('dialogBody', _sUrl, type);
	}

});


function myInnerHTML(idname, url, type)
{
	if (document.getElementById(idname)  != null && type == "page")
	{
		var openIframe = "<iframe width='100%' height='100%' name='iframe_parent' id='iframe_parent' src='" + url + "' frameborder='0' scrolling='no'></iframe>";
		document.getElementById(idname).innerHTML = openIframe;
	}else if(document.getElementById(idname)  != null && type == "div") {
		$("#"+idname).empty(); 
		$("#"+idname).html( $("#"+url).html() ); 
	}
}

function showDialog(text) 
{
	// 隐藏干扰DIV窗口的表单Object(属于IE6的BUG)
	$(".jammer").hide();
	
	if($("#msgNotify").size() > 0) {
		$('#msgNotify').each(function(){ $(this).close();$(this).remove();});
	}
	var a = $('<div></div>');

	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {  
			$('body').append(a);//添加到body元素的最后.
		}
	} else {
		$('body').append(a);//添加到body元素的最后.
	}
	
	var url = encodeURI('/apps/friend.php?action=notify&notifyMsg='+text);
	a.attr({ id: "msgNotify", style:"display:none"}); 
	a.bind("click", function(){
		$(this).myDialog({type:'page', title:'消息:', width:'426', height:'200', url:url});
	});  
	
	a.click();
}


function showDialogReload(text) 
{
	if($("#msgNotify").size() > 0) {
		$('#msgNotify').each(function(){ $(this).remove();});
	}
	var a = $('<div></div>');
	
	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {  	
			$('body').append(a);//添加到body元素的最后.
		}
	} else {
		$('body').append(a);//添加到body元素的最后.
	}
	
	var url = encodeURI('/apps/friend.php?action=notifyReload&notifyMsg='+text);
	a.attr({ id: "msgNotify", style:"display:none"}); 
	a.bind("click", function(){
		$(this).myDialog({type:'page', title:'消息:', width:'426', height:'200', url:url});
	});  
	
	a.click();	
}


function myConfirm(title,message,callback) 
{
	// 隐藏干扰DIV窗口的表单Object(属于IE6的BUG)
	$(".jammer").hide();
	
	var start = callback.indexOf('(');
	var end = callback.indexOf(')');
	
	if(start == end-1){
		back = callback;
	}else {
		var back2 = callback.substring(start+1, end);
		back1 = callback.substring(0, start);
		back = back1 +"('"+ back2 +"')";
	}
var dhtml = '\
 <div id = "newNotifyMsg" style="display:none;">\
	<div class="main">\
	<div class="blank23"></div>\
	<div class="add">\
		<div class="w83">\
			<img src="/app/www/templates/player/img/baby1.gif" width="60" height="60" />\
		</div>\
		<div class="w300">\
			<div>&nbsp;&nbsp;</div>\
			';
	dhtml +=  '<div tal:content="notifyMsg">' +message +	'</div>';
	dhtml += '</div></div><div class="blank21"></div><div class="add">';
	dhtml = dhtml + '<div class="bnt"><img src="/app/www/templates/player/img/qd.gif" width="59" height="25" class="cursor" onClick="$(this).close(); ' + back + '"/> <img src="/app/www/templates/player/img/qx.gif" onclick="$(this).close();" width="59" height="25" class="cursor" /></div></div></div></div>';
	
	if($("#newmsgNotify").size() > 0) {
		$('#newmsgNotify').each(function(){ $(this).remove();});
	}
	if($("#newNotifyMsg").size() > 0) {
		$('#newNotifyMsg').each(function(){ $(this).remove();});
	}
	var a = $('<div></div>');
	
	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {  
			$('body').append(a);//添加到body元素的最后.
			$('body').append(dhtml);//添加到body元素的最后.
        } 
	} else {
		$('body').append(a);//添加到body元素的最后.
		$('body').append(dhtml);//添加到body元素的最后.
	}

	
	//var url = encodeURI('/apps/friend.php?action=notifyReload&notifyMsg='+text);
	a.attr({ id: "newmsgNotify", style:"display:none"}); 
	a.bind("click", function(){
		$(this).myDialog({type:'div', title:title, width:'426', height:'200', url:'newNotifyMsg'});
	});  
	
	a.click();		
}


function myAlert(title,message) 
{
	// 隐藏干扰DIV窗口的表单Object(属于IE6的BUG)
	$(".jammer").hide();
	
	var dhtml = '\
 <div id = "newNotifyMsg" style="display:none;">\
	<div class="main">\
	<div class="blank23"></div>\
	<div class="add">\
		<div class="w83">\
			<img src="/app/www/templates/player/img/baby1.gif" width="60" height="60" />\
		</div>\
		<div class="w300">\
			';
	dhtml +=  '<div tal:content="notifyMsg">' +message +	'</div>';
	dhtml += '</div></div><div class="blank21"></div><div class="add">';
	dhtml = dhtml + '<div class="bnt" id="closeAlert"><img src="/app/www/templates/player/img/qd.gif" onclick="$(this).close();" width="59" height="25" class="cursor" /></div></div></div></div>';
	
	if($("#newmsgNotify").size() > 0) {
		$('#newmsgNotify').each(function(){ $(this).remove();});
	}
	if($("#newNotifyMsg").size() > 0) {
		$('#newNotifyMsg').each(function(){ $(this).remove();});
	}

	var a = $('<div></div>');

	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {
			$('body').append(a);//添加到body元素的最后.
			$('body').append(dhtml);//添加到body元素的最后.
		}
	} else {
		$('body').append(a);//添加到body元素的最后.
		$('body').append(dhtml);//添加到body元素的最后.
	}	
	//var url = encodeURI('/apps/friend.php?action=notifyReload&notifyMsg='+text);
	a.attr({ id: "newmsgNotify", style:"display:none"}); 
	a.bind("click", function(){
		$(this).myDialog({type:'div', title:title, width:'426', height:'200', url:'newNotifyMsg'});
	});  
	
	a.click();		
}

function myNotify(title,message) 
{
	// 隐藏干扰DIV窗口的表单Object(属于IE6的BUG)
	$(".jammer").hide();
	
var dhtml = '\
 <div id = "newNotifyMsg" style="display:none;">\
	<div class="main">\
	<div class="blank23"></div>\
	<div class="add">\
		<div class="w83">\
			<img src="/app/www/templates/player/img/baby1.gif" width="60" height="60" />\
		</div>\
		<div class="w300">\
			<div>&nbsp;&nbsp;</div>\
			';
	dhtml +=  '<div tal:content="notifyMsg">' +message +	'</div>';
	dhtml += '</div></div><div class="blank21"></div><div class="add">';
	dhtml = dhtml + '</div></div></div>';
	
	if($("#newmsgNotify").size() > 0) {
		$('#newmsgNotify').each(function(){ $(this).remove();});
	}
	if($("#newNotifyMsg").size() > 0) {
		$('#newNotifyMsg').each(function(){ $(this).remove();});
	}

	var a = $('<div></div>');
	
	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {
			$('body').append(a);//添加到body元素的最后.
			$('body').append(dhtml);//添加到body元素的最后.
		}
	} else {
		$('body').append(a);//添加到body元素的最后.
		$('body').append(dhtml);//添加到body元素的最后.
	}
	//var url = encodeURI('/apps/friend.php?action=notifyReload&notifyMsg='+text);
	a.attr({ id: "newmsgNotify", style:"display:none"}); 
	a.bind("click", function(){
		$(this).myDialog({type:'div', title:title, width:'426', height:'200', url:'newNotifyMsg', disclose:'yes'});
	});  
	
	a.click();		
}


function AttachStyle(str) {
	var styCss = "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/role.gif);}\
            ";
			
	if(str == 'voteadd') {
		styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/voteadd.gif);}\
			";
	} else if(str == 'votetime') {
		 styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/votetime.gif);}\
			";
	} else if(str == 'votedes') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/ico03.gif);}\
			";
	} else if(str == 'albumadd') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/albumadd.gif);}\
			";
	} else if(str == 'zuzhi') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/ico03.gif);}\
			";
	} else if(str == 'zuzhiadd') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/orgi.gif);}\
			";	
	} else if(str == 'collectadd') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/collectico.gif);}\
			";	
	} else if(str == 'zuzhitj') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/orgi.gif);}\
			";	
	} else if(str == 'zuzhicwei') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/cwei.gif);}\
			";	
	} else if(str == 'zuzhitsong') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/tuisongm.gif);}\
			";	
	} else if(str == 'login') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/ico_login.gif);background-position:5px 4px;}\
			";
	} else if(str == 'zqsum') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/sum.gif);}\
			";  
	} else if(str == 'qidong') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/qidong.gif);}\
			";  
	}else if(str == 'tiaozhan') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/tiaozhan.gif);}\
			";  
	}else if(str == 'play') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/card.gif);}\
			";  
	}else if(str == 'pay') {
		  styCss += "\
            #dialogBox .myDialogTb .title {background-image:url(http://www.aipai.com/app/www/templates/common/img/icon2/pay.gif);}\
			";  
	}				
	

    var elmSty = document.createElement('STYLE');
    elmSty.setAttribute("type", "text/css");
    if (elmSty.styleSheet) {
        elmSty.styleSheet.cssText=styCss;  
    } else {  
        elmSty.appendChild(document.createTextNode(styCss));  
    }
	if(!is_fixefox)
	{
		if(document.readyState=="complete")  
        {	
		    document.getElementsByTagName("head")[0].appendChild(elmSty);
		}
	} else {
		document.getElementsByTagName("head")[0].appendChild(elmSty);	
	}
} 



