jQuery(document).ready(function() {
	
	// jQuery("img").lazyload({ 
	// 	effect : "fadeIn" 
	// });

	new WOW().init();

	$(window).scroll(function () {
		let scroll = $(window).scrollTop();
		let banner = $(".i-banner").height();
		let innerbanner = $(".innerbanner").height();
		let breadcrumbs = $(".breadcrumbs").height();
		if(scroll>banner){
			$(".totop").addClass("on");
		}else{
			$(".totop").removeClass("on");
		}
		if(scroll>0){
			$(".header").addClass("fixed")
		}else{
			$(".header").removeClass("fixed")
		}

		if(innerbanner != ''){
			if (scroll > innerbanner ){
				$(".breadcrumbs").addClass("fixed")
			}else{
				$(".breadcrumbs").removeClass("fixed")
			}
		}
	})

	// $(".i-banner .scroll").click(function(){
	// 		$('html,body').animate({scrollTop: $('#inabout').offset().top}, 500);
	// })


	$(".totop").click(function() {
        return $("body,html").animate({
            scrollTop: 0
        },
        500),
        !1
    });

	$(".header .search").click(function(){
		$(".fixed-search").addClass("on");
	})
	$(".fixed-cover").click(function(){
		$(".fixed-search").removeClass("on");
	})


	// 移动端
	$(".header-btn").click(function(){
		$(this).toggleClass("on");
		$(".header-m").toggleClass("open")
	})


	$(".header-m .slide .type").click(function(){
		var parent = $(this).parent();
		$(parent).toggleClass("on")
		$(parent).find("ul").slideToggle()
	});
	$(".breadcrumbs .main").click(function(){
		var winW = $(window).width();
		if(winW <960){
			$(".breadcrumbs").toggleClass("on");
			$(".breadcrumbs .list").slideToggle(true);
		}
	})


	$(".player").click(function(){
		$(".fixed-video").addClass("open")
		// 重置视频播放进度并开始播放
		let video = document.getElementById('videoPlayer');
		video.currentTime = 0; // 将播放进度设置为 0，即从头开始播放
		video.play();
	})
	$(".fixed-video .cover,.fixed-video .main .close").click(function(){
		$(".fixed-video").removeClass("open");
		$(".fixed-video video").trigger('pause');
	})

	var banner = new Swiper(".i-banner", {
		autoplay: {
        	delay:7000,
		    disableOnInteraction: false,
		},
		speed:800,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		loop:true,
        slidesPerView: 1,
		navigation: {
			nextEl: '.i-banner  .next',
			prevEl: '.i-banner  .prev',
		},
		pagination: {
			el: '.i-banner .swiper-pagination',
		},
		on:{
			init: function(){
			  	this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function () {
				let num = this.realIndex;
				$('.i-banner .item.on').removeClass('on');
				$('.i-banner .item').eq(num).addClass('on');
				$('.i-banner .item.swiper-slide-active').addClass('on').siblings().removeClass('on');
			}
		}
    });
	
	var techSmall = new Swiper(".i-tech .swiper.small", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		noSwiping: true,
		speed:800,
		loop:true,
        slidesPerView: 2,
		spaceBetween: 2,
		slideToClickedSlide: true,
		navigation: {
			nextEl: '.i-tech  .next',
			prevEl: '.i-tech  .prev',
		},
	})

	var techBig = new Swiper(".i-tech .swiper.big", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		speed:800,
		loop:true,
        slidesPerView: 1,
		grabCursor: true,
        effect: "creative",
		creativeEffect: {
			prev: {
			  shadow: true,
			  translate: [0, 0, -1],
			},
			next: {
			  translate: ["100%", 0, 0],
			},
		},
		navigation: {
			nextEl: '.i-tech  .next',
			prevEl: '.i-tech  .prev',
		},
		on: {
			init: function(swiper){
				// this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function(){
				let item =$(".i-tech .swiper.big .item.swiper-slide-active")
				let title = $(item).data("title");
				let summary = $(item).data("summary");
				let url = $(item).data("url");
				$(".i-tech .info .title").text(title)
				$(".i-tech .info .msg").html(summary)
				$(".i-tech .com-more").attr("href",url)
				
			},
			// slideNextTransitionStart: function(){
			// 	techSmall.slideNext();
			// },
			// slidePrevTransitionStart: function(){
			// 	techSmall.slidePrev();
			// },
		}
    });


	$(".i-tech .swiper.small .item").click(function(){
		techSmall.slideNext();
		techBig.slideNext();
	})

	var history = new Swiper(".history .swiper", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		direction: "vertical",
		loop:true,
		speed:800,
        slidesPerView: 7, 
		centeredSlides: true,
		slideToClickedSlide: true,
		navigation: {
			nextEl: '.history .next',
			prevEl: '.history .prev',
		},
		on:{
			init: function(){
				this.emit('slideChangeTransitionStart');
		  	}, 
			slideChangeTransitionStart: function(){
				$(".history .main .word .swiper-slide").removeClass("on1")
				let item = $(".history .main .word .swiper-slide.swiper-slide-active");
				$(item).prev().prev().addClass("on1")
				$(item).next().next().addClass("on1")
				let pic = $(item).data('pic');
				let text = $(item).data('text');
				$(".history .main .content .text").html(text);
				$(".history .main .content .pic img").attr("src",pic);
				// 销毁现有的WOW实例，防止重复初始化
				// $('.history .main .content .wow').removeClass('animated');
				// $('.history .main .content .wow').removeAttr('style');
				// new WOW().init();
			} 
		}
	})
	function clickajax(obj) {
		$.ajax({
			url: obj,
			dataType: "html",
			type: "POST",
			success: function (data) {
				$('.company .pic').html(' ');
				$('.company .pic').append(data);
				var companyPic = new Swiper(".company .list .swiper", {
					loop:true,
					speed:800,
					slidesPerView: 3,
					spaceBetween: '2.12%',
					slideToClickedSlide: true,
					navigation: {
						nextEl: '.company .list .btn',
					},
					on:{
						init: function(swiper){
							this.emit('slideChangeTransitionStart');
						}, 
						slideChangeTransitionStart: function(){
							let item = $(".company .list .item.swiper-slide-active");
							let pic = $(item).data("pic");
							$(".company .pic img.mainpic").attr('src',pic);
						},
					}
				});
				if(companyPic.slides.length<=3){
					$(".company .list").hide();
				}
			}
		});
	}

	

	var company = new Swiper(".company .main .swiper", {
		autoplay: {
        	delay:10000,
		    disableOnInteraction: false,
		},
		loop:true,
		speed:800,
        slidesPerView: 1,
		spaceBetween: 0,
		effect : 'fade',
		fadeEffect: {
			crossFade: true,
		},
		navigation: {
			nextEl: '.company .main .next',
			prevEl: '.company .main .prev',
		},
		on:{
			init: function(swiper){
				this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function(){
				var item = $('.company .main .swiper-slide.swiper-slide-active');
				var url = $(item).attr("data-url");
				clickajax(url);
			},

		}
	})

	var culture = new Swiper(".culture-slogan.m", {
		speed:800,
        slidesPerView: 1,
		spaceBetween: 0,
		pagination: {
			el: '.culture-slogan.m .swiper-pagination',
		},
	})

	var partyText = new Swiper(".culture-party .part", {
		speed:800,
        slidesPerView: 1,
		spaceBetween: 0,
		effect : 'fade',
		fadeEffect: {
			crossFade: true,
		},
	})

	$(".culture-party .choose .item").click(function(){
		$(this).addClass("on").siblings().removeClass("on");
		let index = $(this).index();
		partyText.slideTo(index);
		$(".culture-party .show .pic").eq(index).addClass("on").siblings().removeClass("on");
	})


	var staff = new Swiper(".culture-staff .show", {
		autoplay: {
        	delay:3000,
		    disableOnInteraction: false,
		},
		loop:true,
		speed:1000,
        slidesPerView: 'auto',
		centeredSlides: true,
		spaceBetween: 0,
		navigation: {
			nextEl: '.culture-staff  .next',
			prevEl: '.culture-staff  .prev',
		}
	})

	var reportPc = new Swiper(".develop-report .main.pc", {
		speed:800,
        slidesPerView: 4,
		spaceBetween: 40,
		slideToClickedSlide: true,
		on:{
			init: function(){
			  let winW = $(window).width()
			  if(winW > 960){
			  swiperAnimateCache(this); //隐藏动画元素 
			  swiperAnimate(this); //初始化完成开始动画
			  }
			  
			}, 
			slideChangeTransitionEnd: function(){ 
				
				let winW = $(window).width()
				if(winW > 960){
			  		swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
				}
			} 
		},
	})

	var reportM = new Swiper(".develop-report .mobile", {
		speed:800,
        slidesPerView: 3,
		spaceBetween: '0.925%',
		mousewheel: true,
		pagination: {
			el: '.develop-report .swiper-pagination',
			type: 'progressbar',
		},
		breakpoints: {
			320: {
			  slidesPerView: 2,
			},
			768: {
			  slidesPerView: 3,
			}
		},
	})

	var suggest = new Swiper(".develop-suggest .list", {
		speed:800,
        slidesPerView: 6,
		spaceBetween: 0,
		slidesPerGroup: 3,
		direction: 'vertical',
		navigation: {
			nextEl: '.develop-suggest  .next',
			prevEl: '.develop-suggest  .prev',
		}
	})

	var relation = new Swiper(".develop-relation .list", {
		speed:800,
        slidesPerView: 4,
		// loop:true,
		mousewheel: true,
		spaceBetween: '0.925%',
		pagination: {
			el: '.develop-relation .swiper-pagination',
			type: 'progressbar',
		},
		navigation: {
			nextEl: '.develop-relation  .next',
			// prevEl: '.develop-relation  .prev',
		},
		breakpoints: {
			320: {
			  slidesPerView: 2,
			},
			768: {
			  slidesPerView: 3,
			},
			//当宽度大于等于1280
			960: {
			  slidesPerView: 4,
			}
		  },
	})

	var productList = new Swiper(".product .m-list .swiper", {
		autoplay: {
        	delay:3000,
		    disableOnInteraction: false,
		},
		speed:800,
        slidesPerView: 2,
		spaceBetween: '1%',
		pagination: {
			el: '.product .m-list .swiper-pagination',
		},
		breakpoints: { 
			320: {  //当屏幕宽度大于等于320
			  slidesPerView: 1,
			},
			600: {  //当屏幕宽度大于等于1280
			  slidesPerView: 2,
			}
		}
	})


	var type1 = new Swiper(".type1 .com-list .swiper", {
		speed:800,
        slidesPerView: 3,
		spaceBetween: '3.16%',
		slideToClickedSlide: true,
		watchSlidesProgress: true,
		on:{
			init: function(swiper){
				this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function(){
				let current = this.realIndex;
			},
		}
	})

	var type1Box = new Swiper(".type1 .box", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		speed:800,
		// loop:true,
        slidesPerView: 1,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		thumbs: {
			swiper: type1,
		},
		navigation: {
			nextEl: '.type1 .com-list .btn',
		},
	})

	var type2 = new Swiper(".type2 .show", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		speed:800,
		// loop:true,
        slidesPerView: 'auto',
		spaceBetween: '1.96%',
		navigation: {
			nextEl: '.type2 .next',
			prevEl: '.type2 .prev',
		},
	})

	var type3 = new Swiper(".type3 .com-list .swiper", {
		speed:800,
		// loop:true,
        slidesPerView: 3,
		spaceBetween: '3.16%',
		// freeMode: true,
        watchSlidesProgress: true,
		on:{
			init: function(swiper){
				this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function(){
				let current = this.realIndex;
			},
		}
	})

	var type3Box = new Swiper(".type3 .box", {
		autoplay: {
        	delay:5000,
		    disableOnInteraction: false,
		},
		speed:800,
		// loop:true,
        slidesPerView: 1,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		thumbs: {
			swiper: type3,
		},
		navigation: {
			nextEl: '.type3 .com-list .btn',
		},
	})

	$(document).on('click','.recruit .list ul li .info',function(){
		$(this).toggleClass("on")
		let parent = $(this).parent();
		let item = $(parent).find(".main");
		$(item).slideToggle();
	})

	$(document).on('click','.recruit-btn',function(){
		$(".join-fixed").show();
	})
	$(".join-close").click(function () {
		$(".join-fixed").hide();
		$(".join-form-input").val("");
		$("#ffcontent").val("");
		$(".join-input-files").val("");
	})
});