var FTabPages = function () {
    var tabKeeper = null;
    /*e.g.
    tabKeeper = {
        container: ""    //存放页签的容器jquery名称，如"#div1"、".cssclass"
        , isErase: true  //加载页签前，是否将之前的内容擦除
        , url: ""        //页签对应页面的URL
        , params: {}     //请求该URL需要附上的参数
        , callback: null //页签加载成功后的回调函数
    };*/

    ////页签切换cxb
    function TabSwitch(actionJ) {
        var url = actionJ.url;
        onTabNoEmpty({
            container: "#" + actionJ.Container
            , isErase: false
            , url: url
            , params: {}
            , callback: actionJ.callback
        });
    }

    function initTab(tabJson) {
        tabKeeper = tabJson;
    }

    function onTabNoEmpty(tabJson) {//切换页签注意class为tab-pane active不需要设置div.css("display", "block");否则不清空就混乱了
        if (tabKeeper != null) {
            var divPrev = $(tabKeeper.container);
            if (tabKeeper.isErase) {
                divPrev.empty();
            }
        }
        tabKeeper = tabJson;
        var div = $(tabJson.container);
        if ($.trim(div.html()).length == 0) {//首次加载或已清空
            loadwaiting();
            getViewRequest(tabJson.url, tabJson.params, function (data) {
                removeloading();
                div.empty().html(data);
                initCtrl();
                docallback(tabJson.callback);
            }, function (data) {
                alert("数据获取超时或失败！\n\r错误代号:" + data.status + "\n\r错误信息:" + data.statusText);
                removeloading();
            });
        } else {//非首次加载，隐藏但不清空
            docallback(tabJson.callback);
        }
    }

    function onTab(tabJson) {//切换页签
        if (tabKeeper != null) {
            var divPrev = $(tabKeeper.container);
            if (tabKeeper.isErase) {
                try {
                    divPrev.empty();
                }
                catch (e) {
                    divPrev[0].innerHTML = "";
                }
            }
            divPrev.css("display", "none");
        }
        tabKeeper = tabJson;
        var div = $(tabJson.container);
        div.css("display", "block");
        if ($.trim(div.html()).length == 0) {//首次加载或已清空
            loadwaiting();
            getViewRequest(tabJson.url, tabJson.params, function (data) {
                removeloading();

                div.empty().html(data);

                initCtrl();

                docallback(tabJson.callback);
            }, function (xhr, status, data) {
                alert("数据获取超时或失败！\n\r错误代号:" + xhr.status + "\n\r错误信息:" + xhr.responseText);
                removeloading();
            });
        } else {//非首次加载，隐藏但不清空
            docallback(tabJson.callback);
        }
    }

    function getViewRequest(url, params, onsuccess, onerror) {
        $.ajax({
            type: 'get',
            url: url,
            data: params,
            contentType: "text/html; charset=utf-8",
            timeout: 30000,
            success: function (data) {
                if (onsuccess != undefined && onsuccess != null) {
                    onsuccess(data);
                }
            },
            error: function (data) {
                if (onerror != undefined && onerror != null) {
                    onerror(data);
                }
            }
        });
    }

    function docallback(callback) {
        if (typeof callback != 'undefined' && callback instanceof Function) {
            callback();
        }
    }

    function resetTab() {//刷新当前页签
        loadwaiting();

        var div = $(tabKeeper.container);
        getViewRequest(tabKeeper.url, tabKeeper.params, function (data) {
            removeloading();

            div.empty().html(data);
            div.css("display", "");

            initCtrl();

            docallback(tabKeeper.callback);
        }, function (data) {
            alert("数据获取超时或失败！");
            removeloading();
        });
    }

    /* -- 等待控件begin -- */
    function loadwaiting() {//显示等待信息  
        var wrap = $(document.body);
        $("<div class=\"datagrid-mask\"></div>").css({
            display: "block",
            width: wrap.width(),
            height: wrap.height()
        }).appendTo(wrap);
        $("<div class=\"datagrid-mask-msg\"></div>").html("数据加载中，请稍候...").appendTo(wrap).css({
            display: "block",
            left: (wrap.width() - $("div.datagrid-mask-msg", wrap).outerWidth()) / 2,
            top: ($(window).height() - $("div.datagrid-mask-msg", wrap).outerHeight()) / 2
        });
    }

    function removeloading() {//隐藏等待信息
        var wrap = $(document.body);
        wrap.find("div.datagrid-mask-msg").remove();
        wrap.find("div.datagrid-mask").remove();
    }

    function initloading() {//设置等待控件样式
        var css = ".datagrid-mask {             ";
        css += "    position: absolute;         ";
        css += "    left: 0;                    ";
        css += "    top: 0;                     ";
        css += "    width: 100%;                ";
        css += "    height: 100%;               ";
        css += "    opacity: 0.3;               ";
        css += "    filter: alpha(opacity=30);  ";
        css += "    display: none;              ";
        css += "}                               ";
        css += ".datagrid-mask-msg {            ";
        css += "    position: absolute;         ";
        css += "    top: 50%;                   ";
        css += "    margin-top: -20px;          ";
        css += "    padding: 10px 5px 10px 10px;";
        css += "    width: auto;                ";
        css += "    height: 16px;               ";
        css += "    border-width: 2px;          ";
        css += "    border-style: solid;        ";
        css += "    display: none;              ";
        css += "    box-sizing:content-box;     ";
        css += "}";

        if (document.all) {
            window.style = css;
            document.createStyleSheet("javascript:style");
        } else {
            var style = document.createElement('style');
            style.type = 'text/css';
            style.innerHTML = css;
            document.getElementsByTagName('HEAD').item(0).appendChild(style);
        }
    }

    /* -- 等待控件end -- */

    function initCtrl() {
        //日期在模板页面有初始化，重复；弹窗初始化，IE会报错 蔡昌荣 2016-03-11
        //弹窗
        //if (typeof fb_init != 'undefined' && fb_init instanceof Function) {
        //    fb_init('a.firstebox', 'tr.firstebox', 'td.firstebox');//弹窗效果初始化，解决局部刷新情况下弹窗无效问题 
        //}
    }

    initloading();

    return {
        //cxb
        TabSwitch: function (actionJ) {
            TabSwitch(actionJ);
        },
        onTab: function (tabJson) {
            onTab(tabJson);
        }
        , resetTab: function () {
            resetTab();
        }
        , init: function (tabJson) {
            initTab(tabJson);
            initCtrl();
        }
    };
}();