/* 广东光大集团
 * @author: mikey.laopi 
 * @date: 2019-08-24 21:58:18 
 * @last modified by: mikey.laopi
 * @last modified time: 2019-10-11 23:03:45
 */
$(function () {
    //  通用：自定义select 
    function customselect() {
        var ico = ".select-arr";
        var select = ".custom-select";
        var option = ".select-option li";
        var current = ".selected";
        var dropdown = "dropdown";
        $(select).on('click', ico, function () {
            var self = $(this);
            self.parent().toggleclass(dropdown);
        }).on('click', option, function () {
            var self = $(this);
            var txt = self.children().html();
            self.parents(select).toggleclass(dropdown).find(current).html(txt);
        });
    }
    customselect();

    function footerlink(){
        $(".footer-link-con span").click(function(){
            if(!$(this).hasclass("on")){
                $(this).addclass("on");
                $(this).siblings("ul").show();
            }else{
                $(this).removeclass("on");
                $(this).siblings("ul").hide();
            }
        })
        $(".footer-link-con ul li").click(function(){
            var _html = $(this).find("a").html();
            $(".footer-link-con span").html(_html);
            $(".footer-link-con span").removeclass("on");
            $(".footer-link-con ul").hide();
        })
    }
    footerlink();

    function footprint(){
        var _h = $(".guangdafootprint-heads").find(".tofootprint").height();
        console.log(_h)
        $(".guangdafootprint-video .video-img").height(_h);
    }
    footprint();
    //荣誉显示更多
    function honormore(){
        $(".tabsitem-list .tabs-item").each(function(){
            var _this = $(this);
            _this.find("li:gt(8)").hide();
            var _btn = $(this).find(".showmoreitem");
            var _list = $(this).find("li:gt(8)");
            _btn.click(function(){
                _list.slidedown(400);
                $('.moreitem'+ this.dataset.index).hide();
            });
        })
    }
    honormore();

    //分公司分布切换
    function companyslide(){
        $(".tabswrap .companiesarea-main:first-child").addclass("show");
        $(".selectgroup .select-option").find("li").click(function(){
            $(".tabswrap .companiesarea-main").eq($(this).index()).addclass("show").siblings().removeclass("show");
        })

        $(".companiesarea-main").each(function(){
            $(this).find(".tabs-item:first-child").addclass("display");
            $(".tabsbtn-list li").hover(function(){
                $(".companiesarea-main .tabsitem-list").eq($(this).index()).addclass("display").siblings().removeclass("display");
            })
        })
        // $(".companiesarea-main .tabsitem-list:first-child").addclass("display");
        
    }
    companyslide();
    // 首页顶部大屏banner 幻灯片fade
    var $bannerslide = $('.bannerslide');
    if ($bannerslide.length > 0) {
        $bannerslide.flexslider({
            animation: 'fade', //变换方式：淡入淡出或者滑动 "fade" or "slide"
            directionnav: false, //显示左右控制按钮
            animationloop: true, //是否循环滚动
            slidetostart:0,//初始化第一次显示图片位置
            slideshow:true,//载入页面时，是否自动播放
            slideshowspeed: 4000, //展示时间间隔ms
            animationspeed: 400, //滚动时间ms
            touch: true //是否支持触屏滑动
        });
    }

    // 通用： 切换slide
    var $aslide = $('.flexslider');
    if ($aslide.length > 0) {
        $aslide.flexslider({
            animation: "slide",
            prevtext: "prev", 
            nexttext: "next",
            directionnav: true,
            animationloop: false,
            slidetostart:0,//初始化第一次显示图片位置
            slideshow:false,//载入页面时，是否自动播放
            slideshowspeed: 4000,
            animationspeed: 400,
            touch: true
        });
    }
    // 联系我们-各地公司： 切换slide
    function comslide(){
        var $comslide = $('.comslider');
        if ($comslide.length > 0) {
            $comslide.flexslider({
                animation: "slide",
                prevtext: "prev", 
                nexttext: "next",
                itemwidth: 210,
                minitems: 2,
                maxitems: 3,
                directionnav: true,
                animationloop: false,
                slidetostart:0,//初始化第一次显示图片位置
                slideshow:false,//载入页面时，是否自动播放
                slideshowspeed: 4000,
                animationspeed: 400,
                touch: true
            });
        }
    }
    comslide();
    
    // 大事记： 切换slide
    function myswiper(){
        if($('.swiper-container').length>0){
            var myswiper = new swiper ('.swiper-container', {
                slidesperview:4,
                roundlengths:true,
                spacebetween:50,
                normalizeslideindex:false,
                navigation: {
                    nextel: '.flex-next',
                    prevel: '.flex-prev',
                },
                on: {
                    slidechangetransitionstart: function(){
                        var nindex = this.activeindex;
                        console.log(nindex)
                        switch (nindex) {
                            case 0:
                                autoslideto(4);
                                break;
                            case 2:
                                autoslideto(3);
                                break;
                            case 6:
                                autoslideto(2);
                                break;
                            case 16:
                                autoslideto(1);
                                break;
                            case 17:
                                autoslideto(0);
                                break;
                            default:
                                break;
                        }
                        function autoslideto(n){
                            $(".tabsbtn-list").children().eq(n).addclass('active').siblings().removeclass('active');
                            $(".tabsitem-list").children().eq(n).addclass('display').siblings().removeclass('display');
                        }
                    },
                  },
            });
            $(".eventsicons").on('mouseenter','li',function(){
                var self = $(this);
                var index =self.index();
                var n = 2000;
                switch (index) {
                    case 0:
                        myswiper.slideto(200, n, false);
                        break;
                    case 1:
                        myswiper.slideto(16, n, false);
                        break;
                    case 2:
                        myswiper.slideto(6, n, false);
                        break;
                    case 3:
                        myswiper.slideto(2, n, false);
                        break;
                    case 4:
                        myswiper.slideto(0, n, false);
                        break;
                    default:
                        break;
                }
            });
        } 
    }
    myswiper();

    // 通用：tabs选项卡
    function tabs(){
        var tabs = '.tabs';
        if ($(tabs).length > 0) {
            var $tabsbtn = $('.tabsbtn-list');
            var tabsitem = '.tabsitem-list';
            var item = '.tabs-item';
            var dis = 'display';
            var active = 'active';
            $tabsbtn.on('mouseenter','li', function () {
                var self = $(this);
                var index =self.index();
                self.addclass(active).siblings().removeclass(active);
                self.parents(tabs).find(tabsitem).children(item).removeclass(dis).eq(index).addclass(dis);
            });
        }
    }
    tabs();


    

    // 数字滚动特效
    $(".animatenum").each(function(i,el){
      console.log(el);
      el.dataset.animatetarget = el.innerhtml.replace(/[^0-9]/ig,"");
    });
    if($(".animatenum").length>0){

        $('body').running();
    }

    // 新闻页 视频播放
    $("#play").on('click', function () {
        var self = $(this);
        var url = this.getattribute("data-videourl");//<i class="close" title="关闭">x</i>
        var obj = '<div class="videowrap"><video width="100%" height="100%" controls="controls" autoplay="autoplay"><source src="'+url+'" type="video/mp4">您的浏览器不支持视频播放！</video></div>'
        self.parents(".videoarea-video").append(obj);
        $(".close").on('click',function(){
            $(".videowrap").empty().hide();
        });
        $("#video_cover").hide();
    });

    // 自媒体 城市列表
    if($('.wemediapage').length>0){
      var city = $("#city");
      var pro = $("#project");
      for(var i in tree){
        var c = tree[i];
        city.append('<li data-cid="'+ c.id +'" onclick="list1(this)"><span>'+ c.title +'</span></li>');
        if(i==='1'){
          pro.empty();
          console.log(c);
          for(var j in c.items){
            var p = c.items[j];
            console.log(p);
            pro.append('<li data-cid="'+ c.id +'" data-pid="'+ p.id +'" onclick="listqr(this)"><span>'+ p.title +'</span></li>');
          }
        }
      }
      /*
        var data = {
            "city": [{
                "id": "1",
                "name": "北京"
            }, {
                "id": "2",
                "name": "上海"
            }],
            "content": [
                [{
                    "id": "01",
                    "value": "北京项目001"
                }, {
                    "id": "02",
                    "value": "北京项目002"
                }, {
                    "id": "03",
                    "value": "北京项目003"
                }],
                [{
                    "id": "01",
                    "value": "上海项目001"
                }, {
                    "id": "02",
                    "value": "上海项目002"
                }, {
                    "id": "03",
                    "value": "上海项目003"
                }]
            ]
        }
        var city = data.city;
        var cont = data.content;
        var $city = $("#city");
        var $cont = $("#project");
        console.log(data);

        // 设置城市select
        set_optcity();
        function set_optcity(){
            $city.empty();
            for (let i = 0; i < city.length; i++) {
                const opt_city = city[i].name;
                $city.append('<li data-id="'+ i +'"><span>'+ opt_city +'</span></li>');
            }
        }
        // 选中城市select
        $city.on('click','li',function(e){
            var n = $(this).index();
            set_optcont(n);
        });
        // 设置项目select
        function set_optcont(n){
            $cont.empty();
            for (let i = 0; i < cont[n].length; i++) {
                const opt_cont = cont[n][i].value;
                $cont.append('<li data-value="'+ cont[n][i].id +'"><span>'+ opt_cont +'</span></li>');
            }
            var selected_value = $cont.children().eq(0).children().html();
            $cont.parent().find('.selected').html(selected_value);
        }
      */
    }
});
function listqr(li){
  // console.log(li);
  for(var i in tree){
    if(tree[i]['id'] === li.dataset.cid){
      //console.log(tree[i]);
      for(var j in tree[i].items){
        if(tree[i].items[j]['id'] === li.dataset.pid){
          //console.log(tree[i].items[j].items);
          $('.wemedia-qrcode').empty()
          for(var k in tree[i].items[j].items){
            var qr = tree[i].items[j].items[k];
            //console.log(qr);
            $('.wemedia-qrcode').append('<div><img src="'+qr.thumb+'"><div style="">'+qr.title+'</div></div>');
          }
        }
      }
    }
  }
}
function list1(li){
  $("#project").empty();
  for(var i in tree){
    if(tree[i]['id'] === li.dataset.cid){
      for(var j in tree[i].items){
        var p = tree[i].items[j];
        console.log(p);
        $("#project").append('<li data-cid="'+ tree[i].id +'" data-pid="'+ p.id +'" onclick="listqr(this)"><span>'+ p.title +'</span></li>');
      }
    }
  }
}