/* /webgame/home/js/tpl/tplInit.js */
/**
 * 页游官网首页
 * @type {{}}
 */
(function(window){

    /**
     * 定义各模块
     * @type {{}}
     */
    window.MODULE = window.MODULE || {};

    /**
     * 初始化公用
     */
    MODULE.base = function(){
        ue.lazyimg({
            target : $("body"),
            type : "scroll"
        });

        /*视频链接处理video*/
        var configPage = {videoHeight: "590", videoWidth: "920"};
        if($("#j-video").length>0) {
            $("#j-video").on('click', function (e) {
                var evt = e || window.event;
                var link = $(this).attr("href");
                if (/fullscreen=on/i.test(link)) {
                    window.open(link, 'newWindow', 'width=' + configPage.videoWidth + ',height=' + configPage.videoHeight + '');
                    if (e && e.preventDefault) {
                        e.preventDefault();
                    } else {
                        evt.returnValue = false;
                    }
                }
            });
        }
    };
    /**
     * 初始化轮播图模块
     */
    MODULE.slide = function(){
        if($('.mod-silde .slide-list li').length>1){
            ue.slide({
                hovertarget: ".mod-silde",//鼠标hover停止切换的对象
                target: '.mod-silde .slide-list',//滚动对象 一般为 ul
                items: '.mod-silde .slide-list li', //滚动的详细列表
                gotobtn: ".mod-silde .slide-dot li",
                nextbtn: "",
                prevbtn: "",
                delay: 3000,//切换间隔时间
                speed: 500,//切换速度
                trigger: "mouseover",
                maxzIndex: 2,
                currentclass: "cur",
                autoplay: true,//是否自动播放
                beforeSlide: function (index, next) {
                    var src = this.items.eq(next).find("img").attr("data-src");

                    if (src) {
                        this.items.eq(next).find("img").attr("src", src);
                    }
                    //$('.gw-silde .slide-tit li').eq(next).show().siblings().hide();
                }
            });
            $('.mod-silde .slide-list li').eq(0).css('opacity', 1);
            $(".mod-silde .slide-dot li").eq(0).trigger("click").addClass('cur');
        }else {
            $(".mod-silde .slide-dot").hide();
        }
    };
    /**
     * 搜索模块
     */
    MODULE.search = function(){
        $(".search-hot a").bind("click", function(){
            if($(".search-wrap").find("input[name='tagid']").length){
                window.open("//my.4399.com/forums/search?keyword=" + $(this).text() + "&tagid=" + $(".search-wrap").find("input[name=tagid]").val());
            }else{
                window.open(config._appUrl + "info-search?keyword=" + $(this).text());
            }
        });
    };

    /**
     * 客服充值模块
     */
    MODULE.service = function(){
        var $target = $("#j-select2"),
            $select = $target.find(".m_selectlist");
        if ($select.length > 0) {
            ue.select({
                target: $select,
                trigger: "mouseover",
                currentClass: "cur",
                defaultClass: "m_selectlist",
                selected: $select.find(".select_txt"),
                title: $select.find(".m_selected"),
                list: $select.find(".m_select_cont"),
                content: $select.find(".m_select_cont .selectlist"),//包含内容的容器
                items: $select.find(".selectlist li"),
                maxHeight: 230,
                scrollbar: {
                    scroll_per: 23,//每次滚动滑轮，滚动条移动24像素
                    scrollbarbg: $select.find(".v_scrollbar_bg"),//滚动条背景
                    scrollbar: $select.find(".v_scrollbar"),//滚动条容器
                    btn: $select.find(".v_scrollbar_btn")//滚动条按钮
                },
                onSelected: function (target, index) {
                    $('#j-select2 .select_txt').attr('serv-id', $(target).attr('serv-id'));
                    this.hide();
                    return false;
                }
            });
        }

    };
    /**
     * 玩家交流模块
     */
    MODULE.commu = function(){
        if(typeof pageInfo == 'undefined'){
            return;
        }
        if(pageInfo.dataWjjl){
            var  tableHtml  ='';
            var _html = "";
            var items = pageInfo.dataWjjl;
            for(var i = 0;i < items.length;i++){
                _html += "<tr>"+
                    "        <td class=\"td-tit\">"+
                    "            <div class=\"td-wid\"> <a href=\"" + items[i]._url_ + "\" title=\"" + items[i]._txt_ + "\" target=\"_blank\">" + items[i]._txt_ + "</a></div>"+
                    "        </td>"+
                    "        <td class=\"td-reply\">"+
                    "            <div class=\"\">(" + items[i]._view_ + "/" + items[i]._reply_+")</div>"+
                    "        </td>"+
                    "    </tr>";
            }
            tableHtml = '<table class="comu-table">\n' +
                '                    <thead>\n' +
                '                    <tr>\n' +
                '                        <th class="th-tit">标题</th>\n' +
                '                        <th class="th-author">(热度/回帖)</th>\n' +
                '                    </tr>\n' +
                '                    </thead>\n' +
                '                    <tbody>' + _html +'</tbody>\n' +
                '                </table>'
            $(".m-ctable").html(tableHtml);
        }else{
            $(".m-ctable").html('<div class="wjjl-empty">暂无数据</div>');
        }
        $('.comu-table tbody tr').hover(function(){
            $(this).addClass('hover').siblings()
                .removeClass('hover');
        },function(){
            $(this)
                .removeClass('hover');
        });
    };

    MODULE.summary = function(){
        var defaultFloor = 2,
            numItemPerFloor = 5;

        $(".bzdq-pics").each(function(index){
            var lis = $(this).find("li"),
                len = lis.length,
                floor = Math.ceil(len / numItemPerFloor);

            if(parseInt(len) > defaultFloor * numItemPerFloor){
                $(this).after("<a href=\"javascript:;\" class=\"bzdq-more j-get-more\"></a>");
                $(this).css('height',defaultFloor * lis.outerHeight(true));
            }else{
                $(this).css('height',floor * lis.outerHeight(true));
            }
        });
        $(".j-get-more").bind("click", function(){
            var lis = $(this).prev().find("li"),
                len = lis.length,
                floor = Math.ceil(len / numItemPerFloor);

            /*$(this).hide().prev().css('height',floor * lis.outerHeight(true));
            $(this).closest('.tab-bds').css('height',floor * lis.outerHeight(true) + 40);*/
        });
        ue.tab({
            tab: $(".j-tab_4 .tab-hds li"),
            defaultIndex: 0,
            tabCurrentClass: "cur",
            only: true,
            content: $(".j-tab_4 .tab-bd"),
            trigger: "click",
            afterSwitch : function(){

            }
        });

        $('.wjdq-more').bind('click',function(){
            var _this = $(this);
            _this.siblings('.wjdq-pics').find('li').show();
            _this.hide();
        });
    };

})(window);



var exports = {
    Browser:'',
    /*检查浏览器*/
    getBrowser:function(){
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
        var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器
        var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
        var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
        var isIos = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
        var isUC = userAgent.indexOf('UCBrowser') > -1;
        var isWX = userAgent.indexOf('MicroMessenger') > -1;
        if (isUC) { return "UC";}
        if (isWX) { return "WX";}
        if (isIE)
        {
            var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
            reIE.test(userAgent);
            var fIEVersion = parseFloat(RegExp["$1"]);
            if(fIEVersion == 7)
            { return "IE7";}
            else if(fIEVersion == 8)
            { return "IE8";}
            else if(fIEVersion == 9)
            { return "IE9";}
            else if(fIEVersion == 10)
            { return "IE10";}
            else if(fIEVersion == 11)
            { return "IE11";}
            else
            { return "0"}//IE版本过低
        }//isIE end

        if (isFF) {  return "FF";}
        if (isOpera) {  return "Opera";}
        if (isSafari) {  return "Safari";}
        if (isChrome) { return "Chrome";}
        if (isEdge) { return "Edge";}
    },
    /*
     * image grayscale for IE10-IE12
     * @param { object|array } [image] DOM, DOMList, or jQuery wrapper
    **/
    grayscale: function(image) {
        var self = this;
        var _browser = self.Browser||self.getBrowser();
        if( _browser != 'IE10' &&  _browser != 'IE11' ){
            return;
        }

        // 检测是否支持标准滤镜
        var isUnsupport = (function() {
            if (document.msHidden != 'undefined') {
                var div = document.createElement('div'), value = 'grayscale(100%)';
                div.style.filter = value;

                return window.getComputedStyle(div).filter !== value;
            }
        })();


        // only IE10+ and not support filter
        if (image && isUnsupport == true) {
            if (image.length > 0) {
                if (image.each) {
                    image.each(function() {
                        self.grayscale(this);
                    });
                } else if (image.forEach) {
                    image.forEach(function(img) {
                        self.grayscale(img);
                    });
                }
            } else if (/img/i.test(image.tagName)) {
                // 载入SVG滤镜
                if (!document.grayscale) {
                    document.body.insertAdjacentHTML('afterBegin',
                        '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="hidden">\
                            <filter id="grayscale">\
                                <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>\
                            </filter>\
                        </svg>');
                    document.grayscale = true;
                }

                // 图片变SVG
                var cl = image.className, src = image.src;
                // 尺寸
                var width = image.clientWidth, height = image.clientHeight;

                if (!image.grayscale) {
                    image.insertAdjacentHTML('beforeBegin', '<svg class="'+ cl +'"><image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="'+ src +'" x="0" y="0" width="'+ width +'" height="'+ height +'" filter="url(\'#grayscale\')"></image></svg>');
                }
            }

            return this;
        }
    }
};
/* /webgame/sgkd/tpl/js/tplInit.js */
/**
 * 页游官网首页
 * @type {{}}
 */
var WgComponent = (function(){
    function initTab(config,afterSwitch){
        for(var i = 0;i < config.length;i++){
            ue.tab({
                tab: config[i].tab,
                defaultIndex: 0,
                tabCurrentClass: "cur",
                only: true,
                content: config[i].content,
                trigger: "mouseover",
                afterSwitch : afterSwitch
            });
        }
    }
    function initRank(config){
        var $target = config.target,
            $select = $target.find(".m-rank");
        if($select.length > 0) {
            $select.find('.rank-item').bind('mouseenter',function(e){
                var _this = $(e.currentTarget);
                _this.siblings().removeClass('cur');
                _this.addClass('cur');
            })
        }
    }


    return {
        initRank:initRank,
        initTab : initTab,
        temp:{
            lock:false,
            index:0
        },
        state:'body'
    }
})();

(function (window) {

    /**
     * 定义各模块
     * @type {{}}
     */
    window.MODULE = window.MODULE || {};

    /**
     * 游戏介绍模块
     */
    MODULE.role = function () {

        var floor = 0;

        while ($(".zyjs-tab-bd-" + floor).find(".zyjs-tab-hds").length > 0) {

            $(".zyjs-tab-hds-" + (floor + 1) + " .zyjs-tab-hd-" + (floor + 1) + "").bind("mouseover", (function (floor) {
                return function () {

                    $(this).addClass("cur").siblings().removeClass("cur");

                    var index = $(this).index();

                    var $parent = $(this).closest(".zyjs-tab-bd-" + floor);

                    var $tabBd = $parent.find(".zyjs-tab-bds-" + (floor + 1) + " .zyjs-tab-bd-" + (floor + 1) + "").eq(index);

                    var _src = $tabBd.find("img").attr("data-src");

                    $tabBd.show().siblings().hide();

                    if (_src) {
                        $tabBd.find("img").attr("src", _src);
                    }

                }
            }(floor)));
            floor += 1;
        }
        $(".zyjs-tab-bd").hide();
        $(".zyjs-tab-hds").find(".zyjs-tab-hd:eq(0)").trigger("mouseover");

    };

    /**
     * DOM加载完毕
     */
    $(function () {
        var   dataArr =[];
        $('body').on('click','.j-link',function(e){
            var link = $(e.currentTarget).attr('data-link');
            window.open(link);
        });

        /*初始化官网*/
        for (var key in MODULE) {
            if (MODULE.hasOwnProperty(key)) {
                MODULE[key]();
            }
        }
        function getYouPaiSp(tag,limit,index){
            var obj = {
                tag:tag||0,
                limit:limit||12
            }
            if(WgComponent.temp.lock){
                return;
            }
            WgComponent.temp.lock = true;
            WgComponent.temp.index = index||0;

            getData(obj);
        }

        function  getData(obj) {

            if(dataArr.length){
                $.each(dataArr,function (index,item) {
                    if(item.tag== obj.tag && item.limit==obj.limit){
                        createVideoList('tab_item_'+WgComponent.temp.index,item.data);
                        WgComponent.temp.lock = false;
                        return false;
                    }
                });
            }
            if( WgComponent.temp.lock){
                getSendData(obj);
            }

        }
        function  getSendData(obj) {
            $.post('./index-ajaxGetYouPaiSp-_AJAX_-1', obj, function(res){
                if( res.status == 1 ){
                    createVideoList('tab_item_'+WgComponent.temp.index,res.data);
                    dataArr.push(obj);
                    dataArr[dataArr.length-1].data =res.data;
                }else{
                    alert(res.msg);
                }
                WgComponent.temp.lock = false;
            }, 'json');

        }

        function createVideoList(classname,data){
            if(typeof data == 'undefined'||typeof classname == 'undefined'){
                return false;
            }
            var _obj = $('.'+classname);
            var _data = data;
            var _html = '';
            if(_obj.length < 1){
                $(WgComponent.state+' ul.j-tab_bd1').append('<li class="tab_item '+classname+'"></li>')
                _obj = $('.'+classname);
            }
            _obj.html('');
            _html += '<ul class="video-list clearfix">';

            var item = {};
            for (var i = 0; i < _data.length; i++) {
                item = _data[i];
                _html += '<li class="video-item">';
                _html += '<div class="item_img_box">';
                _html += '<img class="item_img" src="'+item.video_logo+'" alt="'+item.title+'">';
                _html += '</div>';
                _html += '<a class="item_cover" target="_blank" href="'+item.jump_url+'" title="'+item.title+'"></a>';
                _html += '<a class="item_tit" target="_blank" href="'+item.jump_url+'" title="'+item.title+'">'+item.title+'</a>';
                _html += '<p class="item_author">作者：'+item.author+'</p>';
                if(item._new){
                    _html += '<i class="item_tag tag_new"></i>';
                }
                if(item._hot){
                    _html += '<i class="item_tag tag_hot"></i>';
                }
                _html += '</li>';
            }
            _html += '</ul>';

            _obj.html(_html);
        }
        var container = "body";
        WgComponent.initTab([{
            tab: $(container + " .j-tab_nav1 .u-btn"),
            content: $(container + " .j-tab_bd1 .tab_item")
        }
        ],function(index){
            var tag = $(container + " .j-tab_nav1 .u-btn").eq(index).attr('data-tag')
            getYouPaiSp(tag,9,index);
        });

        WgComponent.initRank({
            target : $(container)
        });
    });
})(window);



