//页面加载完成
$(document).ready(function(){
    $(".hzhb-btn .wrap").hide(); // 合作伙伴与页面不协调，去掉，zhouhua 2020.3.31
    setQRCode(); // 只在PC浏览器上显示手机版二维码，手机侧不显示，zhouhua 2020.3.31
    aptitude();
    hr();
    headerMobile();
    map();
    downloadSearch();
    //guideList()
    videoList();
    leftEvent();
    appDetail();
    productDetail();
    indexProductList();
    indexBanner();
    indexApp();
    setNavScroll();
    knowledge();
    videoClick();
    headerSearch();
    plHeight();
    historyList();
    //hzhb(); // 合作伙伴与页面不协调，去掉，zhouhua 2020.3.31

    // var date = new Date().toString();
    // if(date.indexOf('Apr 04') != -1) {
    //     $("img").css({"-webkit-filter": "grayscale(100%)",
    //                 "-moz-filter": "grayscale(100%)",
    //                 "-ms-filter": "grayscale(100%)",
    //                 "-o-filter": "grayscale(100%)",
    //                 "filter": "grayscale(100%)",
    //                 "filter": "gray"});
    // } // 图片在清明节设置为黑白，zhouhua 2020.4.4
    
});

//当改变宽度时
$(window).resize(function(){
    setNavScroll()
    map()
    setTimeout(function(){
        hr()
    },100)
    plHeight()
});

function setQRCode() {
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        $("#topbox").hide();
    }
}

function openAptitude(url){

  $(".aptitude-hover img").attr("src",url)
  $(".bg-hover").fadeIn('fast',function(){
    $(".aptitude-hover").fadeIn()
    console.log($(".aptitude-hover img").height())
    var si = setInterval(function(){
        if($(".aptitude-hover img").height() > 0){
          clearInterval(si)
          if($(".aptitude-hover img").height() > $(".aptitude-hover img").width()){
            $(".aptitude-hover img").width('auto').height($(window).height())
          }else{
            $(".aptitude-hover img").width('60%').height('auto')
          }
        }
    },100)

  })

  $(".aptitude-hover").unbind("click").click(function(){
      $(this).fadeOut('fast',function(){
        $(".bg-hover").fadeOut()
      })
  })

}

function checkApic(){



}

function hzhb(){

  $(".hzhb-btn .wrap").click(function(){
    $(".hzhb-box").fadeIn()
  })
  $(".hzhb-box").click(function(){
    $(".hzhb-box").fadeOut()
  })


}

function historyList(){

  $(".history-list .t").click(function(){
    if($(this).hasClass("on")){
      $(this).siblings(".d").slideUp()
      $(this).removeClass("on")
    }else{
      $(".history-list .d").slideUp()
      $(".history-list .t").removeClass("on")
      $(this).siblings(".d").slideDown()
      $(this).addClass("on")
    }

  })

}


function plHeight(){

    if($(".product-list dl").length > 0){
        if($(window).width() > 768){
            var _h = 0
            $(".product-list dl").each(function(){
                if($(this).outerHeight() > _h){
                    _h = $(this).outerHeight()
                }
            })
            $(".product-list dl").outerHeight(_h)
        }else{
            $(".product-list dl").outerHeight('auto')
        }
    }

}


function headerSearch(){

  $(".header .search-btn").click(function(){
      /*
      if($(window).width() > 768){
          if($(this).hasClass("on")){
              $(".header-search-box").fadeOut()
              $(this).removeClass("on")
          }else{
              $(".header-search-box").fadeIn()
              $(this).addClass("on")
          }

          return false

      }
      */

  })

    $(window).scroll(function(){
        $(".header-search-box").fadeOut()
    })



}

function videoClick(){

    var player;

    $(".video-btn").click(function(){

        $(".video-box").fadeIn()
        var url = $(this).attr("data-url")
        var options = {};
        player = videojs('my-video', options, function onPlayerReady() {
            this.src(url)
            this.play();

        });

    })

    $(".video-box .close").click(function(){
        $(".video-box").fadeOut()
        player.pause();
    })
}

function downloadSearch(){

    $(".search-box .content .input-select .v").click(function(){

        if($(this).hasClass("on")){
            $(this).removeClass("on").siblings(".select-menu").slideUp()
        }else{
            $(this).addClass("on").siblings(".select-menu").slideDown()
        }

    })

    $(".search-box .input-select .select-menu dl dd").click(function(){
        var v = $(this).attr("data-v")
        $(".val").val(v)
        $(".search-box .content .input-select .v").removeClass("on").siblings(".select-menu").slideUp()
    })

    $(".search-box .btn").click(function(){
        $(".search-form").submit()
    })

}

function map(json_data){
  /*
  var json_data =

          [
              {
                  'id': '1',
                  'dataLng': '116.357818',
                  'dataLat': '40.025602',
                  'title': '澳门银银河官方网welcome',
                  'info': [
                      '电话总机：+86 10 62932100',
                      '销售热线：+86 10 62927938',
                      '传真：+86 010 62927938',
                      'Email：info@syn-tron.com',
                      '地址：北京市海淀区学清路9号汇智大厦A座10层（100085）',
                      '报告可疑的违规，违法行为举报邮箱：info@syn-tron.com'
                  ]
              },
              {
                  'id': '2',
                  'dataLng': '118.81759',
                  'dataLat': '32.049546',
                  'title': '中国 · 南京分公司',
                  'info': [
                      '电话：+86 25 84293632/84293637/84293652/84293653 \n',
                      '传真：+86 25 84514509',
                      '邮编：210016',
                      '地址：南京市黄埔路2号黄埔科技大厦A座2307室',
                  ]
              },
              {
                  'id': '3',
                  'dataLng': '113.933916',
                  'dataLat': '22.554677',
                  'title': '中国 · 深圳分公司',
                  'info': [
                      '电话：+86 755 26581960/26581961/26581962',
                      '传真：+86 755 26581969',
                      '邮编：518052',
                      '地址：深圳市南山区艺园路115号 田厦IC产业园2-004A室'
                  ]
              }
          ]
          */
    var init = function(){
        setHtml()
        mapEvent()
        reSetHeight()
    }

    var reSetHeight = function(){

        $("#map").height($(".map-list").outerHeight())

    }

    var mapEvent = function(){

        var map = new BMap.Map("map");
        var point = new BMap.Point(json_data[0][0], json_data[0][1]);
        var point2 = new BMap.Point(107.639394,38.770773);
        map.centerAndZoom(point2, 5);

        var pointArray = new Array();

        for(var i=0;i<json_data.length;i++){

            var num = json_data[i].id,
                lng = json_data[i].dataLng,
                lat = json_data[i].dataLat

            var myIcondiv=getMapHtml(json_data[i])



            var point = new BMap.Point(lng, lat);
            var myRichMarker = new BMapLib.RichMarker(myIcondiv, point,{"anchor": new BMap.Size(-160, -235)});

            //overmarker(myRichMarker,num)
            //outmarker(myRichMarker,num)

            map.addOverlay(myRichMarker);    //增加点
            pointArray[i] = new BMap.Point(lng, lat);

        }
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件

        map.addControl(top_left_navigation);

        map.enableScrollWheelZoom(true);
        //让所有点在视野范围内
        //map.setViewport(pointArray);

        leftEvent()
    }

    //页面左侧html
    var setHtml = function(){
        var html = ''

        for( var i = 0; i < json_data.length; i++){
            var data = json_data[i]
            html +=
                '<li id="ml'+data.id+'" data-lng="'+data.dataLng+'" data-lat="'+data.dataLat+'" data-id="'+data.id+'">' +
                '<div class="t">'+data.title+'</div>' +
                '<div class="d">'

            for( var z = 0; z < data.info.length; z++){
                html += '<p>'+data.info[z]+'</p>'
            }
            html += '</div></li>'

        }
        $(".map-list ul").html(html)
    }

    //页面左侧事件
    var leftEvent = function(){

        $(".map-list ul li").hover(function(){

            var n = $(this).attr("data-id")
            $(this).addClass("on")
            $("#mp"+n).addClass("on")

        },function(){

            var n = $(this).attr("data-id")
            $(this).removeClass("on")
            $("#mp"+n).removeClass("on")

        })

    }

    //地图中 point 获得焦点
    var overmarker = function(marker,i){

        marker.addEventListener("onmouseover", function(e) {
            $("#mp"+i+"").addClass("on")
            $("#ml"+i).addClass("on")
        });

    }

    //地图中 point 失去焦点
    var outmarker = function(marker,i){

        marker.addEventListener("onmouseout", function(e) {
            $("#mp"+i+"").removeClass("on")
            $("#ml"+i).removeClass("on")
        });

    }

    //地图弹窗HTML
    var getMapHtml = function(data){

        var pointHtml =
            '<div class="map-point" id="mp'+data.id+'">' +
            '<div class="point"></div>' +
            '<div class="map-text">' +
            '<div class="arrow"></div>'+
            '<div class="w">';
            pointHtml += '<p class="t">'+data.title+'</p>'
            for(var z = 0; z < data.info.length; z++){
                pointHtml += '<p>'+data.info[z]+'</p>'
            }
            pointHtml += '</div></div></div>'


        return pointHtml
    }

    if($("#map").length > 0){

        init()

    }

}

function headerMobile(){


        $(".header .nav ul li").hover(function(){
            $(".header .nav .sub-nav").hide()
            $(this).find(".sub-nav").stop().slideDown()
        },function(){
            $(this).find(".sub-nav").stop().slideUp()
        })


        $(".header .nav ul li .w").click(function(){

            if($(window).width() < 768){
                /*
                if($(this).siblings(".sub-nav").length > 0){
                    if($(this).hasClass("on")){
                        $(this).removeClass("on")
                        $(this).siblings(".sub-nav").stop().slideUp()
                    }else{
                        $(this).addClass("on")
                        $(this).siblings(".sub-nav").stop().slideDown()
                    }

                    return false;
                }
                */
            }

        })

        $(".header .mobile-btn").click(function(){
            if($(".header .nav").hasClass("on")){
                $(".header .nav").removeClass("on")
                $(".header .mobile-btn").removeClass("close")
                //$(".sub-nav").stop().slideUp()
                $(".header .nav ul li a.f").removeClass("on")
                setTimeout(function(){
                    $(".bg-hover").fadeOut()
                },300)
            }else{
                $(".header .mobile-btn").addClass("close")
                $(".header .nav").addClass("on")
                setTimeout(function(){
                    $(".bg-hover").fadeIn()
                },300)
            }

        })

}

function setNavScroll(){
    if($(window).width() <= 768){
        $(".nav").mCustomScrollbar({
            alwaysShowScrollbar: 1,
            advanced: {
                updateOnContentResize: true
            }
        });
    }else{
        $(".nav").mCustomScrollbar("disable");
    }

    var screenWidth = $(window).width();

    if(screenWidth<1220)
    {
        $(".header .nav").attr("style","display:none");
    }
    else{
        $(".header .nav").attr("style","display:block");
    }

    //console.log(screenWidth);
}

//公司资质更多按钮
function aptitude(){

    $(".aptitude .more").click(function(){
        if($(this).hasClass("show")){
            $(this).text("点击查看更多").removeClass("show").siblings(".hidden_items").hide()
        }else{
            $(this).text("收起").addClass("show").siblings(".hidden_items").removeClass("hidden").show()
        }
    })

}

//公司资质更多按钮
function knowledge(){

    $(".knowledge .more").click(function(){
        if($(this).hasClass("show")){
            $(this).text("点击查看更多").removeClass("show").siblings(".hidden_items").hide()
        }else{
            $(this).text("收起").addClass("show").siblings(".hidden_items").removeClass("hidden").show()
        }
    })
}

var t_img; // 定时器
var isLoad = true; // 控制变量
// 判断图片加载的函数
function isImgLoad(obj,callback){
    // 查找所有图片，迭代处理
    obj.each(function(){
        // 找到为0就将isLoad设为false，并退出each
        if(this.height === 0){
            isLoad = false;
            return false;
        }

    });
    // 为true，没有发现为0的。加载完毕
    if(isLoad){
        clearTimeout(t_img); // 清除定时器
        // 回调函数
        callback();
        // 为false，因为找到了没有加载完成的图，将调用定时器递归
    }else{
        isLoad = true;
        t_img = setTimeout(function(){
            isImgLoad(obj,callback); // 递归扫描
        },500); // 我这里设置的是500毫秒就扫描一次，可以自己调整
    }
}

function hr(){

    if($(".hr .summary .pic").length > 0){


      // 判断图片加载状况，加载完成后回调
      isImgLoad($(".sub-banner>img"),function(){
          var h = $(".sub-banner>img").height();
          $(".sub-banner").height(h);
      });



        var h = $(".hr .summary .pic").height()
        $(".hr .item.text").height(h)

    }

    if($(".job-list").length > 0){

        $(".job-list .item").click(function(){
            if($(this).hasClass("on")){
                $(this).removeClass("on").find(".detail").stop().slideUp()
            }else{
                $(".job-list .item").removeClass("on")
                $(".job-list .detail").stop().slideUp()
                $(this).addClass("on").find(".detail").stop().slideDown()
            }

        })

    }


}

function guideList(){
    $(".guide-list ul li .top").click(function(){

        if($(this).hasClass("on")){
            $(this).removeClass("on").siblings(".center").stop().slideUp()
            $(this).parents("li").removeClass("on")
        }else{
            $(".guide-list ul li").removeClass("on")
            $(".guide-list ul li .top").removeClass("on")
            $(".guide-list ul li .center").stop().slideUp()
            $(this).addClass("on").siblings(".center").stop().slideDown()
            $(this).parents("li").addClass("on")
        }

    })
}

function videoList(){


    $(".guide-video-list ul li .cover").click(function(){
        $(this).siblings(".video").show()
    })

}

function leftEvent(){
    /*
    $(".about-left .menu .f").click(function(){
        var obj = $(this).siblings(".sub-nav");
        if(obj.length > 0){
            if(obj.hasClass("on")){
                $(this).siblings(".sub-nav").removeClass("on").stop().slideUp()
            }else{
                $(".about-left .sub-nav").removeClass("on").stop().slideUp()
                $(this).siblings(".sub-nav").addClass("on").stop().slideDown()
            }
            return false;
        }
    })
    */
}

function appDetail(){

    var swiper1

    var init = function(){

        initSwiper('.related-list .it1')

        $(".related-list .tab dd").click(function(){
            $(this).addClass("on").siblings().removeClass("on")
            $(".related-list .item").eq($(this).index()).fadeIn().siblings(".item").hide().removeClass("on")
            initSwiper('.it' + parseInt($(this).index() + 1))
        })

    }

    var initSwiper = function(s){

        if(!$(s).hasClass("done")){

            var config = {
                autoplay : 5000,//可选选项，自动滑动
                loop : true,//可选选项，开启循环
                calculateHeight : true,
                slidesPerView : 3
            }

            if($(window).width() <= 768 && $(window).width() > 640){
                config.slidesPerView = 2
            }else if($(window).width() <= 640){
                config.slidesPerView = 1
            }

            swiper1 = new Swiper(s+" .swiper-container",config)

            $(s + ' .prev').click(function(){
                swiper1.swipePrev();
            })
            $(s + ' .next').click(function(){
                swiper1.swipeNext();
            })
        }

    }


    if($(".related-list").length > 0){
        init()
    }

}

function productDetail(){
    /*
    $(".product-detail .cover").click(function(){
        $(this).fadeOut()
        $(".product-detail .video").show()
        $('#product-detail-video').trigger('play');
    })
    */
    $(".product-detail .center .tab dd").click(function(){
        $(this).addClass("on").siblings().removeClass("on")
        $(".product-detail .center .item").removeClass("on").hide()
        $(".product-detail .center .item").eq($(this).index()).fadeIn(function(){
            $(this).addClass("on")
        })
    })
}

function indexProductList(){

    if($(".index-product-list").length > 0){

        var config = {
            autoplay : 5000,//可选选项，自动滑动
            loop : true,//可选选项，开启循环
            calculateHeight : true,
            slidesPerView : 3,
            onSwiperCreated: function(swiper){
              $(".index-product-list").addClass("loaded")
            }
        }

        if($(window).width() <= 768 && $(window).width() > 640){
            config.slidesPerView = 2
        }else if($(window).width() <= 640){
            config.slidesPerView = 1
        }

        var ipl = new Swiper('.index-product-list .swiper-container',config)

        $('.index-product-list .prev').on('click', function(e){
            e.preventDefault()
            ipl.swipePrev()
        })
        $('.index-product-list .next').on('click', function(e){
            e.preventDefault()
            ipl.swipeNext()
        })

    }

}

function indexBanner(){

    if($(".banner").length > 0){
        var mySwiper = new Swiper('.banner .swiper-container',{
            autoplay : 5000,//可选选项，自动滑动
            loop : true,//可选选项，开启循环
            slidesPerView : 1,
            autoHeight: true, //高度随内容变化
            calculateHeight : true,
            pagination: '.banner .pagination',
            paginationClickable: true,
            onSwiperCreated: function(swiper){
              $(".banner").addClass("loaded")
            }
        })
        $('.banner .prev').on('click', function(e){
            e.preventDefault()
            mySwiper.swipePrev()
        })
        $('.banner .next').on('click', function(e){
            e.preventDefault()
            mySwiper.swipeNext()
        })
    }

}

function indexApp(){

    $(".index-app .tab ul li").click(function(){
        $(this).addClass("on").siblings().removeClass("on")
        $(".index-app .item").eq($(this).index()).fadeIn().addClass("on").siblings(".item").removeClass("on").hide()
    })

}