(function($){
  $.fn.numberRock=function(options){
      var defaults={
          lastNumber:100,
          duration:3000,
          easing:'swing'  //swing(默认 : 缓冲 : 慢快慢)  linear(匀速的)
      };
      var opts=$.extend({}, defaults, options);

      $(this).animate({
          num : "numberRock",

      },{
          duration : opts.duration,
          easing : opts.easing,
          complete : function(){
              // console.log("success");
          },
          step : function(a,b){

              $(this).html(parseInt(b.pos * opts.lastNumber));
          }
      });
  }


})(jQuery);
//banner
$(function(){
  $('#header').load('public/header1.html')
  //判断是否在可视区内部
  function isVisible(selectid) {
    console.log(selectid)
    var o;
    if ('object' === typeof selectid) {
      o = selectid;
    } else {
      o = $(selectid);
    }
    var of = o.offset();
    var w = $(window);
    return !(w.scrollTop() > (of.top + o.outerHeight()) || (w.scrollTop() + w.height()) < of.top);
  }
   
  $('.index_banner').slick({
      autoplay: true, 
      arrows: false,
      dots:false,
      infinite: true,
      speed: 1000,
      autoplaySpeed: 2000,
      pauseOnHover: false,
      fade: false,
      responsive: [
        {
          breakpoint: 992,
          settings: {
            dots: true
          }
        }
      ]
  });
  $('.brand__slider').owlCarousel({
    loop:true,
    margin:30,
    autoplay:false,
    autoplayTimeout:3000,
    smartSpeed:500,
    items:3,
    navText:['<button><i class="fal fa-angle-left"></i></button>','<button><i class="fal fa-angle-right"></i></button>'],
    nav:false,
    dots:false,
    responsive:{
      0:{
        items:1
      },
      576:{
        items:2
      },
      767:{
        items:3
      },
    }
  });

  // $($('.electricItem>button')[0]).css('display','block')
  // $($('.electricItem>.addIon')[0]).css('display','none')
  // $($('.electricItem')[0]).css('background','rgba(19,75,161,0.8)')
  $('.electricItem').mouseenter(function(){
    $(this).addClass('section3active').parent().siblings().children().removeClass('section3active')
      if($(this).children()[1].innerText=='先进材料'){
          $('.section3').addClass('xianjincailiao').fadeIn().removeClass('zhuangbeizhizao dianxixinxi yiyaoshengwu');
          $('.second3Title>.title').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.title').html('先进材料').animate({'opacity': 1}, 500);   
          })
          $('.second3Title>p').animate({'opacity': 0}, 400, function(){
            $('.second3Title>p').html('ADVANCED<br>MATERIALS').animate({'opacity': 1}, 500);
          })
          $('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.textsecond3').html('重点关注先进钢铁材料、先进有色金属材料、先进石化化工新材料、先进无机非金属材料、高性能纤维及制品和复合材料、前沿新材料等领域').animate({'opacity': 1}, 500);
          })
      }
      if($(this).children()[1].innerText=='装备制造'){
          $('.section3').addClass('zhuangbeizhizao').removeClass('xianjincailiao dianxixinxi yiyaoshengwu');
          $('.second3Title>.title').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.title').html('装备制造').animate({'opacity': 1}, 500);   
          })
          $('.second3Title>p').animate({'opacity': 0}, 400, function(){
            $('.second3Title>p').html('EQUIPMENT<br>MAFUFACTURING').animate({'opacity': 1}, 500);
          })
          $('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.textsecond3').html('重点关注高端装备、新能源、汽车及零部件、航空航天等领域').animate({'opacity': 1}, 500);
          })
      }
      if($(this).children()[1].innerText=='电子信息'){
          $('.section3').addClass('dianxixinxi').removeClass('xianjincailiao zhuangbeizhizao yiyaoshengwu')
          $('.second3Title>.title').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.title').html('电子信息').animate({'opacity': 1}, 500);   
          })
          $('.second3Title>p').animate({'opacity': 0}, 400, function(){
            $('.second3Title>p').html('ELECTRONIC<br>INFORMATION').animate({'opacity': 1}, 500);
          })
          $('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.textsecond3').html('重点关注计算机与智能消费设备制造、信息通信、新型显示、集成电路、电子元器件与专用材料产业、人工智能等领域').animate({'opacity': 1}, 500);
          })
      }
      if($(this).children()[1].innerText=='医药生物'){
          $('.section3').addClass('yiyaoshengwu').removeClass('xianjincailiao zhuangbeizhizao dianxixinxi');
          $('.second3Title>.title').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.title').html('医药生物').animate({'opacity': 1}, 500);   
          })
          $('.second3Title>p').animate({'opacity': 0}, 400, function(){
            $('.second3Title>p').html('PHARMACEUTICAL<br>BIOLOGY').animate({'opacity': 1}, 500);
          })
          $('.second3Title>.textsecond3').animate({'opacity': 0}, 400, function(){
            $('.second3Title>.textsecond3').html('重点关注创新医药、高端医疗器械、CXO（合同研发生产组织）、BT（生物技术）+IT（信息技术）融合、产业链配套、商贸供应链、医疗健康服务等领域').animate({'opacity': 1}, 500);
          })
      }
  })
  $('.titleContent .titleItem').click(function(){
      $(this).addClass('titleItemActive').siblings().removeClass('titleItemActive');
      if($('.titleItemActive')[0].innerHTML=='企业动态'){
        $('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news02.html')
      }
      if($('.titleItemActive')[0].innerHTML=='集团要闻'){
        $('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news01.html')
      }
      if($('.titleItemActive')[0].innerHTML=='媒体聚焦'){
        $('.newsLeftContent>a').attr('href','http://sct.njrenzhou.cn/news/news03.html')
      }
  })
  $('.index_banner').init(function(slick){
      $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active')
  })
  $('.index_banner').on('afterChange',function(slick,currentSlide){
      $('.index_banner .item.slick-current').addClass('active').siblings().removeClass('active');
      var _index = $('.index_banner').slick('slickCurrentSlide')
      $('.section1 .number span').eq(_index).addClass('active').siblings().removeClass('active')
  })
  $('.section1 .number span').click(function(){
      var _index = $(this).index();
      $('.index_banner').slick('slickGoTo',_index);
      $(this).addClass("active").siblings().removeClass("active")
  });
  $('.section1 .prev').click(function(){
    $('.index_banner').slick('slickPrev')
  })
  $('.section1 .next').click(function(){
    $('.index_banner').slick('slickNext');
  });

  //导航
  //超过一定高度导航添加类名
  var nav=$("header"); //得到导航对象  
  var win=$(window); //得到窗口对象  
  var sc=$(document);//得到document文档对象。  
  win.scroll(function(){ 
  })
  //移动端展开nav
  $('#navToggle').on('click',function(){
    $('.m_nav').addClass('open');
  })
  //关闭nav
  $('.m_nav .top .closed').on('click',function(){
    $('.m_nav').removeClass('open');
  })

  //二级导航  移动端
  $(".m_nav .ul li").click(function() {
    $(this).children("div.dropdown_menu").slideToggle('slow')
      $(this).siblings('li').children('.dropdown_menu').slideUp('slow');				
  });
// 流动效果
  function groupSlide(){
    imgScroll.rolling({
      name:'g1',
      width:'198px',
      height:'116px',
      direction:'left',
      speed:10,
      addcss:true
    });
    imgScroll.rolling({
      name:'g2',
      width:'198px',
      height:'116px',
      direction:'right',
      speed:10,
      addcss:true
    });
    imgScroll.rolling({
      name:'g3',
      width:'198px',
      height:'116px',
      direction:'left',
      speed:10,
      addcss:true
    });
  }
  groupSlide()
  //全屏滚动
  $('#index_main').fullpage({
    'navigation': true,
    scrollBar: false,
    slidesNavigation: true,
    css3: true,
    controlArrows: false,
    continuousHorizontal:true,
    scrollingSpeed:500,
    showActiveTooltip :true, 
    anchors: ['hero', 'one', 'two', 'three','four','five'],
    loopHorizontal: true,
    afterLoad: function(anchorLink, index){
      console.log(index)
      if(index == 1){
        $('header').removeClass('on').addClass("animation");
      }
      if(index == 2){
        $('header').addClass('on').addClass("animation");
        
        var _txt1 = $(".number1").attr('data-val');
        var _txt2 = $(".number2").attr('data-val');
        var _txt3 = $(".number3").attr('data-val');
        $(".number1").numberRock({
            lastNumber:_txt1,
            duration:2000,
            easing:'swing',
        });
        $(".number2").numberRock({
            lastNumber:_txt2,
            duration:2000,
            easing:'swing',
        });
        $(".number3").numberRock({
            lastNumber:_txt3,
            duration:2000,
            easing:'swing',
        });
      }
      if(index == 3){
        $('header').removeClass('on').addClass("animation");
      }
      if(index == 4){
        $('header').addClass('on').addClass("animation");
      }
      if(index == 5){
        $('header').removeClass('on').addClass("animation");
      }
      if(index == 6){
        $('header').addClass('on').addClass("animation");
      }
      // var wow = new WOW({
      //   boxClass: 'wow',
      //   animateClass: 'animated',
      //   offset: 0,
      //   mobile: true,
      //   live: true
      // });
      // wow.init();
    },
    afterSlideLoad:function(){
    },
    afterRender: function(){
    },
    onLeave: function(index, direction){
      if(index === 1){
        $(".header").removeClass("animation");
      }else if(index==2){
        $(".number1")[0].innerHTML = 0
        $(".number2")[0].innerHTML = 0
        $(".number3")[0].innerHTML = 0;
        $(".header").removeClass("animation");
      }else{
        $(".header").removeClass("animation");
      }
    }
  })
  $.ajax({
    url: "https://suzhou.njrenzhou.cn/api.php/index/menuList", 
    type: "POST",
    data: {},
    success: function (res) { 
         console.log(res,"999");    
        //  if(res.code==200){
        //     let data = res.data;
        //     let html = ''
        //     data.forEach(item=>{
        //       if(item.children&&item.children.length==0){
        //         html+=`<li>
        //         <a href="javascript:void(0)">党建工作</a>
        //                 </li>`
        //       }
        //       html+=`<li class="dropdown">
        //       <a href="javascript:void(0)">${item.title}</a>
        //       <div class="dropdown_menu">
        //         <a href="#">集团介绍</a>
        //         <a href="#">董事长致辞</a>
        //         <a href="#">核心能力</a>
        //                       <a href="#">企业文化</a>			
        //                       <a href="#">组织构架</a>
        //                       <a href="#">合作伙伴</a>
        //                       <a href="#">联系我们</a>
        //                   </div>
        //       </li>`
        //     })
        //  } 
     },
    error: function (err) { 
        console.log(err); 
    }
  })
})

let pageCurrent = 1;
// 新闻列表-集团要闻
function news01_render(pageCurrent){
  console.log(pageCurrent);
  $.ajax({
      type: 'post',
      url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
      data:{
        category_id:11,
        page:pageCurrent
      },
      dataType: 'json',

      success: function (res) { 
           if(res.code==200){
              let item = res.data.data;
              let html = '';
              let page = '';
              console.log(item);
              $('.news_wrap').empty();
              // $('.pageNum_wrap').empty();

              $.each(item,function(index){
                var title = item[index].title;
                var subtitle = item[index].subtitle;
                var time = item[index].publish_time_text.substr(0,11);
                var thumb = item[index].thumb;
                var id = item[index].id;
                        
                // html += "<div class='brand__thumb category__item  transition-3'>";
                // html += "<div class='imgcontainer transition-3'>";
                // html += "<img src=https://suzhou.njrenzhou.cn" + thumb + "></div>";
                // html += "<div class='contentText transition-3'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><p>" + time + "</p>";
                // html += "<p>" + subtitle + "</p></div></li>";
              })
              $('.news_wrap').append(html);
                
           } 
       },
      error: function (err) { 
          console.log(err); 
      }
     
  });
  
}

news01_render(pageCurrent);