(function($) {
  "use strict"; // Start of use strict

  // Smooth scrolling using jQuery easing
  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      if (target.length) {
        $('html, body').animate({
          scrollTop: (target.offset().top - 72)
        }, 1000, "easeInOutExpo");
        return false;
      }
    }
  });

  // Closes responsive menu when a scroll trigger link is clicked
  $('.js-scroll-trigger').click(function() {
    $('.navbar-collapse').collapse('hide');
  });

  // Activate scrollspy to add active class to navbar items on scroll
  $('body').scrollspy({
    target: '#mainNav',
    offset: 75
  });

  // Collapse Navbar
  let currentHtml = location.href.split("/")[location.href.split("/").length - 1].split(".")[0]

  var navbarCollapse = function() {
    if ($("#mainNav").offset().top > 100) {
      $("#mainNav").addClass("navbar-scrolled");

      if ($(".bottom-liner")) {
        $(".bottom-liner").css("display","block");
        $(".nav-link-active").css("color","#2F54EB");
      }


      if ($('#main-logo').attr("src") != "img/pic/joinus/logo.png") {
        $('#main-logo').attr("src", "img/pic/joinus/logo.png");
      }

      $('.font-choose').addClass("font-choose-scroll");
    } else {
      $("#mainNav").removeClass("navbar-scrolled");

      if ($(".bottom-liner")) {
        $(".bottom-liner").css("display","none");
        $(".nav-link-active").css("color","rgba(255, 255, 255, 0.7)");
      }

      if ($('#main-logo').attr("src") != "img/pic/main/logo-min.png") {
        $('#main-logo').attr("src", "img/pic/main/logo-min.png");
      }

      $('.font-choose').removeClass("font-choose-scroll");
    }
  };
  // Collapse now if page is not at top
  navbarCollapse();
  // Collapse the navbar when page is scrolled
  $(window).scroll(navbarCollapse);

  //加载首屏banner图
  if (currentHtml != "about" && currentHtml != "join" && currentHtml != "contact") {
    $('#masthead').css("background-image", "url(img/pic/main/main-background-min.jpg)")
  }
 

  //carousel
  // $('#demo').carousel({  //初始化
  //   interval: 10000,
  //   wrap: false  //关闭自动循环
  // })
  
  let len = $(".carousel-item").length
  let prev = $(".carousel-control-prev-icon")
  let next = $(".carousel-control-next-icon")

  // $('#demo').on('slid.bs.carousel', function (e) {  //切换轮播图回调
  //     // 执行一些动作...
  //     if (e.to == 0) {
  //       prev.css("background-image", "url('img/pic/main/prev-min.png')")
  //       next.css("background-image", "url('img/pic/main/next-min.png')")
  //     } else if (e.to == len -1){
  //       next.css("background-image", "url('img/pic/main/next-click-min.png')")
  //       prev.css("background-image", "url('img/pic/main/prev-click.png')")
  //     } else {
  //       next.css("background-image", "url('img/pic/main/next-min.png')")
  //       prev.css("background-image", "url('img/pic/main/prev-click.png')")
  //     }
  // })



  //图片切换
    var hasMoved = false; 
    var containerWidth = $(".carousel-item-wrapper").width()
  
    $(".carousel-item").css("width",(containerWidth / 4)*8 + 'px');
    $(".carousel-child").css("width",containerWidth / 4 + 'px');
    var moveWidth = -$(".carousel-child").width()*3 - 40;
  
    next.click(() => {
      if (hasMoved) {
        return
      }
      $(".carousel-item").animate({left: moveWidth + 'px'});
      next.css("background-image", "url('img/pic/main/next-click-min.png')")
          prev.css("background-image", "url('img/pic/main/prev-click.png')")
      hasMoved = true
    })
    
    prev.click(() => {
      if (!hasMoved) {
        return
      }
      $(".carousel-item").animate({left: 0});
      prev.css("background-image", "url('img/pic/main/prev-min.png')")
          next.css("background-image", "url('img/pic/main/next-min.png')")
      hasMoved = false
    })

 
  // 滚动动态加载...
  if (currentHtml != "join" || currentHtml != "contact") {
  

	// 	/* 获取节点 */    
		var oImg = document.getElementsByClassName('photo-container');//获取

	// 	/* 创建img标签函数 */    
		function createImg(obj){
		    var src = '';
		    if(obj.dataset.src){
		        src = obj.dataset.src;
		    }else{
		        src = obj.getAttribute('data-src');
        }
        
        if (obj.children.length < 1) {
            let ImgObj = new Image(); 

            // var img = document.createElement('img');
            
            ImgObj.onload = () => {
              obj.appendChild(ImgObj);
              obj.style.color = "white";
              // $(ImgObj).animate({
              //   opacity:'1'
              // });

              $(ImgObj).transition({ 
                opacity: '1', 
                filter: 'blur(0)'
               }, 
              300);   
            }
            
            ImgObj.style.width = "100%";
            ImgObj.style.position = "absolute";
            ImgObj.style.top = "0";
            ImgObj.style.left = "0";
            ImgObj.style.opacity = "0.3";
            ImgObj.style.filter = "blur(10px)";
            ImgObj.src = src;
            
        }
		    // if(obj.children.length < 1){
		    //     var img = document.createElement('img');
        //     img.src = src;
		    //     obj.appendChild(img);
		    // }
		}
		
		
//		（2）通过“offsetTop”来连续获取节点到文档顶部的距离并更新，直到节点再没有父级为止
		/* 计算节点到文档顶部的距离 */    
		function getTop(obj){
		    var h = 0;
		    while(obj){
		        h += obj.offsetTop;//当前对象到其上级层顶部的距离.
		        obj = obj.offsetParent;//方法返回最近的祖先定位元素。
		    }
		    return h;
		}
	
	//（3）滚动实时计算所到区域计算“节点到顶部距离”与“滚动条滚动距离”的大小，当“滚动条滚动距离”大于“节点到顶部距离”时开始创建一个img（（1）的函数）
		/* 滚动实时计算所到区域并进行相关计算 */
		window.onscroll = function(){
		    var t = document.documentElement.clientHeight + (document.body.scrollTop || document.documentElement.scrollTop);
        for (let i=0;i<oImg.length;i++) {
		        if(getTop(oImg[i]) < t){
                setTimeout(() => {
                  createImg(oImg[i])
                },1000)  
		        }
		    } 
		}
		
		/* 页面加载完便执行一次滚动函数 */
		window.onload = function(){
		    window.onscroll();
		}		
  }

})(jQuery); // End of use strict