/***
* Global Popup Window & Layer
* Version: 1.0.1
* Last Update:		2013.05.14
* Author:				Dan Yang
* JQuery Requires: 	1.4.2+
* Weibo:				http://weibo.com/divayang
* Email:				diva83@163.com
	
* Demo:
 
////Demo 1： 一般用于在页面中仅弹出一次对话窗口的情况
		
方式1： 
PopWin("#popID");
		
方式2：
var myPopWin = document.getElementById("popWinID");
PopWin(myPopWin,{...});
		
		
////Demo 2： 一般用于在页面中对弹出窗口进行多次操作的情况
		
//调用构造函数并将返回的对话窗口对象赋值给变量
var myPopWin = PopWin(							
"#popID",									//String | object， 必填项，用于指定对话窗口，可以是ID、Class、HTML DOM对象或JQuery对象
{
action:	"in" | "out",  					//String，可选项，用于指定将对话窗口在调用构造函数时即可弹入|弹出，此参考与obj.fn.popIn()|obj.fn.popOut()方法不可同时使用
animate:	false | true, 				//Boolean，可选项，对话窗口是否以动画形式弹入|弹走
speed:	200,							//Number，可选项，对话窗口弹入|弹走的速度
overlay:	"#overlay" | overlay 		//String | object，可选项，用于指定遮层，可以是ID、Class、HTML DOM对象或JQuery对象
olSpeed:	200, 						//Number，可选项，遮层的出现|消失的动画速度，禁用设置为0即可
olOpacity:	0.5,						//Float Number, 可选项，
beforeStart:	funciton(), 			//function，可选项，在弹入窗口前执行的方法
callOnce:	funciton(), 				//function，可选项，仅在第一次弹入窗口动作完成后执行的方法
callback:	funciton(), 				//function，可选项，在每次弹入窗口动作完成后执行的方法
afterPopOut:	function()				//function，可选项，在每次弹走窗口动作完成后执行的方法
}
);
		
//对话窗口对象调用内部方法
myPopWin.fn.popIn(false); 	//对话窗口动作： 无动画弹入
myPopWin.fn.popOut(false); 	//对话窗口动作： 无动画弹走
myPopWin.fn.popIn(true); 	//对话窗口动作： 动画弹入
myPopWin.fn.popOut(true); 	//对话窗口动作： 动画弹走
		
		
***/


/**	Global Method to fix Mask Overlay Height & Width **/
function fixMaskLayer(_o) {
    //if IE6
    if (! -[1, ] && !window.XMLHttpRequest) {
        var o = $(_o);
        var win = $(window);
        setTimeout(function() {
            o.css({ width: win.width(), height: win.height() });
        }, 0);
    }

}

/**	Mousewheel Plugin **/
/* Copyright (c) 2006 Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
*
* $LastChangedDate: 2007-12-20 09:02:08 -0600 (Thu, 20 Dec 2007) $
* $Rev: 4265 $
*
* Version: 3.0
* 
* Requires: $ 1.2.2+
*/

(function($) {
    $.event.special.mousewheel = {
        setup: function() {
            var handler = $.event.special.mousewheel.handler;

            // Fix pageX, pageY, clientX and clientY for mozilla
            if ($.browser.mozilla)
                $(this).bind('mousemove.mousewheel', function(event) {
                    $.data(this, 'mwcursorposdata', {
                        pageX: event.pageX,
                        pageY: event.pageY,
                        clientX: event.clientX,
                        clientY: event.clientY
                    });
                });

            if (this.addEventListener)
                this.addEventListener(($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
            else
                this.onmousewheel = handler;
        },

        teardown: function() {
            var handler = $.event.special.mousewheel.handler;

            $(this).unbind('mousemove.mousewheel');

            if (this.removeEventListener)
                this.removeEventListener(($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
            else
                this.onmousewheel = function() { };

            $.removeData(this, 'mwcursorposdata');
        },

        handler: function(event) {
            var args = Array.prototype.slice.call(arguments, 1);

            event = $.event.fix(event || window.event);
            // Get correct pageX, pageY, clientX and clientY for mozilla
            $.extend(event, $.data(this, 'mwcursorposdata') || {});
            var delta = 0, returnValue = true;

            if (event.wheelDelta) delta = event.wheelDelta / 120;
            if (event.detail) delta = -event.detail / 3;
            //if ( $.browser.opera  ) delta = -event.wheelDelta;

            event.data = event.data || {};
            event.type = "mousewheel";

            // Add delta to the front of the arguments
            args.unshift(delta);
            // Add event to the front of the arguments
            args.unshift(event);

            return $.event.handle.apply(this, args);
        }
    };

    $.fn.extend({
        mousewheel: function(fn) {
            return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
        },

        unmousewheel: function(fn) {
            return this.unbind("mousewheel", fn);
        }
    });

})(jQuery);


/**	PopWin Constructor **/
function PopWin(_o, _settings) {
    var self = this;
    if (!(self instanceof PopWin)) {
        return new PopWin(_o, _settings);
    }

    var o = $(_o);
    var ol = null;
    var settings = {};
    var _default = {
        x: ($(window).width() - o.outerWidth()) / 2,
        y: ($(window).height() - o.outerHeight()) / 2,
        action: "in",
        animate: false,
        speed: 200,
        overlay: "#overlay",
        olSpeed: 200,
        olOpacity: 0.5,
        queue: false,
        beforeStart: function() { },
        callOnce: function() { },
        callback: function() { },
        afterPopOut: function() { }
    }

    _default.y = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + ((_default.y > 0) ? _default.y : 0);

    if (_settings) {
        for (var v in _settings) {
            _default[v] = _settings[v]; //Overwite defaults settings if customed parameters parsed in
        }
    }

    settings = _default;
    ol = $(settings.overlay); //Overlay DOM Obj

    //fix functions
    var fixFunc = {
        preventScroll: function() {
            return false;
        },
        preventResize: function() {
            return false;
        }

    };

    //funciton init
    self.initDOM = function() {
        //overlay style
        if (ol.length == 0) {
            ol = $('<div id="overlay" style="position:fixed;top:0;left:0;right:0;bottom:0;"></div>');
            //if IE6
            if (! -[1, ] && !window.XMLHttpRequest) {
                ol = $('<div id="overlay" style="position:absolute;width:0;height:0;"><div style="position:absolute;width:100%;height:100%;background-color:transparent;z-index:1;"></div><iframe height="100%" frameborder="0" width="100%" scrolling="no" style="filter:alpha(opacity=0);background-color:transparent;"></iframe></div>');
                var css = document.createElement("style");
                css.setAttribute("type", "text/css");
                if (css.styleSheet) {//For IE
                    css.styleSheet.cssText = '#overlay,#overlay_transparent{top:expression(documentElement.scrollTop);left:expression(documentElement.scrollLeft);}';
                }
                document.getElementsByTagName("head")[0].appendChild(css);
            }
            $("body").append(ol);
            var olBgColor = ol.css("backgroundColor"),
				olBgImg = ol.css("backgroundImage"),
				olBgRpt = ol.css("backgroundRepeat"),
				olBgPst = ol.css("backgroundPosition");
            olBgColor = (olBgColor) ? olBgColor : "#000";
            olBgImg = (olBgImg) ? olBgImg : "url(base64:*.gif)";
            olBgRpt = (olBgRpt) ? olBgRpt : "repeat";
            olBgPst = (olBgPst) ? olBgPst : "left top";
            ol.css({
                backgroundColor: olBgColor,
                backgroundImage: olBgImg,
                backgroundRepeat: olBgRpt,
                backgroundPosition: olBgPst
            });
        }
        else {
            //if IE6
            if (! -[1, ] && !window.XMLHttpRequest) {
                //ol.css("left",0);
            } else {
                ol.css({
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0
                });
            }
        }

        //Pop Window style
        if (o.length != 0) {
            o.css({
                left: "50%",
                top: 0 - o.outerHeight(),
                marginLeft: 0 - o.outerWidth() / 2
            });
            if (o.css("zIndex") == "auto" || o.css("zIndex") == 0) {
                o.css("zIndex", 1000);
            }
            ol.css("zIndex", parseInt(o.css("zIndex")) - 1);
        }

    }; //init end

    self.initDOM();
    settings.callOnce.call(o, o, self);

    //function obj
    self.fn = {
        popIn:
			function(_a, _fn, _data) {
			    if (o.attr("moving") == "1") return false;
			    if (o.attr("showed") == "1") return false;

			    settings.animate = (_a != undefined) ? _a : settings.animate;
			    self.fn.specialFix("beforeIn");

			    //Call Customized BeforeStart Function
			    if (settings.beforeStart) {
			        settings.beforeStart.call(o, o, _data);
			    }

			    if (settings.animate == true) {
			        self.fn.domMouseWheel(false);
			        o.attr("moving", "1");
			        fixMaskLayer(ol);
			        ol.css({ opacity: 0, display: "block" }).animate({ opacity: settings.olOpacity, duration: settings.olSpeed },
						function() {
						    o.css("top", self.fn.getEndPos().inY).show().animate({
						        top: self.fn.getEndPos().y
						    }, {
						        duration: settings.speed,
						        queue: settings.queue,
						        complete: function() {
						            //Call Customized Callback Function
						            settings.callback.call(o, o);
						            (typeof _fn == "function") ? _fn.call(o, o) : '';
						            o.attr("showed", "1");
						            o.attr("moving", "0");
						            self.fn.addEvent();
						            self.fn.domMouseWheel(true);
						        }
						    });
						}
					);
			    }
			    else {
			        ol.css({ opacity: settings.olOpacity, display: "block" });
			        fixMaskLayer(ol);
			        o.show().css({
			            top: self.fn.getEndPos().y
			        });
			        //Call Customized BeforeStart Function
			        settings.callback.call(o, o);
			        (typeof _fn == "function") ? _fn.call(o, o) : '';
			        o.attr("showed", "1");
			        o.attr("moving", "0");
			        self.fn.addEvent();
			    }
			}, //popIn End

        popOut:
			function(_a, _fn) {
			    if (o.attr("moving") == "1") return false;
			    if (o.attr("showed") != "1") return false;
			    settings.animate = (_a != undefined) ? _a : settings.animate;

			    if (settings.animate == true) {
			        self.fn.domMouseWheel(false);
			        o.attr("moving", "1").show().animate({
			            top: self.fn.getEndPos().outY
			        }, {
			            duration: settings.speed,
			            queue: settings.queue,
			            complete: function() {
			                //Call Customized Callback Function
			                o.hide().attr("showed", "0");
			                o.attr("moving", "0");
			                //ol.fadeOut(settings.olSpeed,function(){ol.css("width","100%")});
			                ol.fadeOut(settings.olSpeed);
			                settings.afterPopOut.call(o, o);
			                (typeof _fn == "function") ? _fn.call(o, o) : '';
			                self.fn.specialFix("afterOut");
			                self.fn.domMouseWheel(true);
			            }
			        });
			    }
			    else {
			        o.show().css({
			            top: 0 - self.fn.getEndPos().y,
			            display: "none"
			        });
			        //Call Customized BeforeStart Function
			        o.attr("showed", "0");
			        o.attr("moving", "0");
			        //ol.css("width","100%").hide();
			        ol.hide();
			        settings.afterPopOut.call(o, o);
			        (typeof _fn == "function") ? _fn.call(o, o) : '';
			        self.fn.specialFix("afterOut");
			    }
			}, //popOut end

        getEndPos:
			function() {
			    var st = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
			    //var sl = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
			    var win = $(window);
			    var _y = (win.height() - o.outerHeight()) / 2;
			    //var _x = ( win.width() - o.outerWidth() )/2;
			    return {
			        //x : sl + ((_x > 0 ) ? _x : 0),
			        y: st + ((_y > 0) ? _y : 0),
			        //curTop : st,
			        inY: 0 - o.outerHeight() + st,
			        outY: 0 - o.outerHeight() + st
			    }
			}, //getEndPos end

        addEvent: //events which runs after popWindow finishing Entering 
			function() {
			    //When Scroll & Resize Window, Reposition the PopWindow
			    $(window).bind("resize scroll", function(e) {
			        (e.type == "resize") && fixMaskLayer(ol);
			        self.fn.rePosition();
			    });

			    //More Events could happen here....
			    //.....

			}, //addEvent End

        rePosition:
			function(_a) {
			    //if(o.attr("moving") == "1" ) return false;
			    if (o.attr("showed") != "1") return false;
			    settings.animate = (_a != undefined) ? _a : settings.animate;
			    if (settings.animate == true) {
			        o.attr("moving", "1");
			        o.show().animate({
			            top: self.fn.getEndPos().y
			        }, {
			            duration: 200,
			            queue: settings.queue,
			            complete: function() {
			                o.attr("moving", "0");
			                self.fn.specialFix("onMoving");
			            }
			        });
			    }
			    else {
			        o.show().css({
			            top: self.fn.getEndPos().y
			        });
			        o.attr("moving", "0");
			        self.fn.specialFix("onMoving");
			    }

			}, //rePostion end

        domMouseWheel:
			function(_f) {
			    if (_f == false) {
			        $(window).bind("resize", fixFunc.preventResize);
			        $(document).bind("mousewheel", fixFunc.preventScroll);
			    }
			    else {
			        $(window).unbind("resize", fixFunc.preventResize);
			        $(document).unbind("mousewheel", fixFunc.preventScroll);
			    }
			},

        specialFix: //Special Fix Events which runs Before popIn, PopWin Moving and After popOut
			function(_f) {
			    //if IE
			    if (!!window.ActiveXObject) {
			        if ((_f == "beforeIn") || (_f == "onMoving")) {
			            var focusedInput = $("input:focus").not(o.find("input:focus")); //not support for jquery 1.4.2 and below
			            if (focusedInput.length !== 0) {
			                window.data_tempFocusInput = focusedInput;
			                data_tempFocusInput.blur();
			                window.data_bluredInput = window.data_tempFocusInput;
			            }
			        }
			        else if (_f == "afterOut") {
			            if (window.data_bluredInput) {
			                data_bluredInput.focus();
			                window.data_tempFocusInput = null;
			                window.data_bluredInput = null;
			            }
			        }
			    }

			    //if IE6
			    if (! -[1, ] && !window.XMLHttpRequest) {
			        if (_f == "beforeIn") {
			            $("select").not(o.find("select")).css("visibility", "hidden");
			        }
			        else if (_f == "afterOut") {
			            $("select").not(o.find("select")).css("visibility", "visible");
			        }

			        /*for(var i = 0, selects = document.getElementsByTagName("select"); i<selects.length; i++){
			        selects[i].style.visibility = v;	
			        }*/

			    }

			    //More Special Fix could happens here....
			    //.....

			} // specialFix end
}//fn end

        //Bind click Event to Close Icon
        o.find(".close").not("[data-popwin-bound=true]").bind("click", function() {
            self.fn.popOut(settings.animate);
        }).attr("data-popwin-bound", "true");

        if (_settings) {
            //初始化对象时，如果参数中设置了action为"in"|"out"，则执行相应的弹入|弹出的动作
            (_settings.action == "in") ? self.fn.popIn(_settings.animate) : "";
            (_settings.action == "out") ? self.fn.popOut(_settings.animate) : "";
        }

        return self;
    }


    /** Simulate Window.alert： Init Method **/
    var initAlertBox = function(obj, sett) {
        return PopWin(obj, {
            animate: true,
            olOpacity: 0.5,
            callback: function(o) {
                if (! -[1, ] && !window.XMLHttpRequest) {
                    try {
                        DD_belatedPNG.fix('.ie6png2');
                    } catch (e) { }
                }
            },
            callOnce: function(o) {
                //初始化弹出层后仅执行一次的内容
                o.find(".btns .btn").click(function() {
                    sett.callback.call(o, o, $(this));
                    (sett.preventClose !== true) && o.find(".Alert_close").trigger("click");
                })
                o.find(".iframe iframe").height(o.outerHeight(true));
            },
            beforeStart: function(o) {
                sett.onStart.call(o, o);
            },
            afterPopOut: function(o) {
                sett.afterPopOut.call(o, o);
            }
        });
    }

    $.Showmsg = function(msgHtml, settings) {
        var alertbox = window["alertTemplate"];
        var alertobj = window["alertobj"];
        var btnsHtml;
        var maskIframe = "";
        var sett = $.extend({
            caption: "",
            preventClose: false,
            callback: function() { },
            onStart: function() { },
            afterPopOut: function() { }
        }, settings);

        if (alertbox && alertobj) {
            //$(".AlertBox").find(".Alert_info").empty();
        }
        else {
            maskIframe = (! -[1, ] && !window.XMLHttpRequest) ? '<div class="iframe"><iframe height="100%" frameborder="0" width="100%" scrolling="no"></iframe></div>' : '';
            btnsHtml = '<div class="btns tc"><a class="btn btn0" href="javascript:void(0)"><span>确 定</span></a></div>';
            alertbox = $('<div id="AlertBox' + (new Date()).getTime() + '" class="AlertBox"><div class="Alert_title ie6png2">' + sett.caption + '<a href="javascript:void(0);" class="Alert_close close">χ</a></div><div class="Alert_info ie6png2"><div class="msg_txt tc mb20"></div>' + btnsHtml + '</div>' + maskIframe + '</div>');
            window["alertTemplate"] = alertbox;
            $("body").append(alertbox);
            window["alertobj"] = initAlertBox(alertbox, sett);
            alertobj = window["alertobj"];
        }
        alertbox.find(".msg_txt").html(msgHtml);
        alertobj.fn.popIn();
    }

    /** Simulate Window.confirm： Init Method **/
    var initConfirmBox = function(obj, sett) {
        return PopWin(obj, {
            animate: true,
            olOpacity: 0.5,
            callback: function(o) {
                if (! -[1, ] && !window.XMLHttpRequest) {
                    try {
                        DD_belatedPNG.fix('.ie6png2');
                    } catch (e) { }
                }
            },
            callOnce: function(o) {
                //初始化弹出层后仅执行一次的内容
                o.find(".btns .btn0").click(function() {
                    sett.callback.call(o, o, $(this));
                    (sett.preventClose !== true) && o.find(".Alert_close").trigger("click");
                })
                o.find(".btns .btn1").click(function() {
                    sett.cancelCallback.call(o, o, $(this));
                    o.find(".Alert_close").trigger("click");
                })
                o.find(".iframe iframe").height(o.outerHeight(true));
            },
            beforeStart: function(o) {
                sett.onStart.call(o, o);
            },
            afterPopOut: function(o) {
                sett.afterPopOut.call(o, o);
            }
        });
    }

    $.ShowConfirm = function(msgHtml, settings) {
        var confirmbox = window["confirmTemplate"];
        var confirmobj = window["confirmobj"];
        var btnsHtml;
        var maskIframe = "";
        var sett = $.extend({
            caption: "",
            preventClose: false,
            callback: function() { },
            cancelCallback: function() { },
            onStart: function() { },
            afterPopOut: function() { }
        }, settings);

        if (confirmbox && confirmobj) {
            //$(".AlertBox").find(".Alert_info").empty();
        }
        else {
            maskIframe = (! -[1, ] && !window.XMLHttpRequest) ? '<div class="iframe"><iframe height="100%" frameborder="0" width="100%" scrolling="no"></iframe></div>' : '';
            btnsHtml = '<div class="btns tc"><a class="btn btn0 mr10" rel="0" href="javascript:void(0);"><span>确 定</span></a><a class="btn btn1" rel="1" href="javascript:void(0);"><span>取 消</span></a></div>';
            confirmbox = $('<div id="ConfirmBox' + (new Date()).getTime() + '" class="AlertBox"><div class="Alert_title ie6png2">' + sett.caption + '<a href="javascript:void(0);" class="Alert_close close">χ</a></div><div class="Alert_info ie6png2"><div class="msg_txt tc mb20"></div>' + btnsHtml + '</div>' + maskIframe + '</div>');
            window["confirmTemplate"] = confirmbox;
            $("body").append(confirmbox);
            window["confirmobj"] = initConfirmBox(confirmbox, sett);
            confirmobj = window["confirmobj"];
        }
        confirmbox.find(".msg_txt").html(msgHtml);
        confirmobj.fn.popIn();

    }

    $.ShowConfirmO = function(msgHtml, settings) {
        var confirmbox = window["confirmTemplate"];
        var confirmobj = window["confirmobj"];
        var btnsHtml;
        var maskIframe = "";
        var sett = $.extend({
            caption: "",
            preventClose: false,
            callback: function() { },
            cancelCallback: function() { },
            onStart: function() { },
            afterPopOut: function() { }
        }, settings);

        if (confirmbox && confirmobj) {
            //$(".AlertBox").find(".Alert_info").empty();
        }
        else {
            maskIframe = (! -[1, ] && !window.XMLHttpRequest) ? '<div class="iframe"><iframe height="100%" frameborder="0" width="100%" scrolling="no"></iframe></div>' : '';
            btnsHtml = '<div class="btns tc"><a class="btn btn0 mr10" rel="0" href="javascript:void(0);"><span>确 定</span></a><a class="btn btn1" rel="1" href="javascript:void(0);"><span>取 消</span></a></div>';
            confirmbox = $('<div id="ConfirmBox' + (new Date()).getTime() + '" class="AlertBox"><div class="Alert_title ie6png2">' + sett.caption + '<a href="javascript:void(0);" class="Alert_close close">χ</a></div><div class="Alert_info ie6png2"><div class="msg_txt tc mb20"></div>' + btnsHtml + '</div>' + maskIframe + '</div>');
            window["confirmTemplate"] = confirmbox;
            $("body").append(confirmbox);
            window["confirmobj"] = initConfirmBox(confirmbox, sett);
            confirmobj = window["confirmobj"];
        }
        confirmbox.find(".msg_txt").html(msgHtml);
        confirmobj.fn.popIn();

    }