jQuery(document).ready(function() {
	// 鍥剧墖鎳掑姞杞
	jQuery("img.lazy").lazyload({
		// effect: "fadeIn",
		threshold : 200
	});
	
	new WOW().init();

	objectFitImages("img.ofi");
	objectFitImages("img.ofc");
	

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

	var win = $(window).height();
	var header = $(".inner-banner").outerHeight(true);
	var breadcrumb = $(".breadcrumb").outerHeight(true);
	var content = $(".product-read").outerHeight();
	var target = $(".product-target ul").outerHeight(true);
	var h = header+breadcrumb;
	var H = h + content - win + target + 107;

	$(window).resize(function(){
		header = $(".inner-banner").outerHeight(true);
		breadcrumb = $(".breadcrumb").outerHeight(true);
		content = $(".product-read").outerHeight();
		target = $(".product-target ul").outerHeight(true);
		h = header+breadcrumb;
		H = h + content - win + target + 107;
	})

	$(window).scroll(function () {
		var scroll = $(window).scrollTop();
		if(scroll>0){
			$(".inner .header").addClass("white");
			$(".inner .fixed").addClass("on");
		}else{
			$(".inner .header").removeClass("white");
			$(".inner .fixed").removeClass("on");
		}
		if(scroll > h && scroll < H){
			$(".product-target").addClass("on")
			$(".product-target ul").removeClass("on")
		}else if(scroll > H){
			$(".product-target").removeClass("on")
			$(".product-target ul").addClass("on")
		}else{
			$(".product-target").removeClass("on")
			$(".product-target ul").removeClass("on")
		}

		if(scroll > header){
			$(".breadcrumb").addClass("top");
		}else{
			$(".breadcrumb").removeClass("top");
		}
	});

	$(".header").hover(function(){
		$(".header").addClass("on");
	},function(){
		$(".header").removeClass("on");
	})
	$(".header-nav-item").hover(function(){
		if($(this).index() != 0){
			$(".header-slide-bg").show();
			$(".header-nav-item .header-nav-slide").show();
		}
	},function(){
		$(".header-slide-bg").hide();
		$(".header-nav-item .header-nav-slide").hide();
	})

	$(".search-keywords").click(function(){
		$(".i-search-slide").addClass("on");
	});

	$(".i-search-slide li").click(function(){
		var searchText = $(this).find("p").text();
		$(".search-keywords").val(searchText);
		$(".i-search-slide").removeClass("on");
	})

	$(".header-search").click(function(){
		if($(this).hasClass("on")){
			$(this).removeClass("on");
			$(".i-search").hide();
			$(".header").removeClass("searchbg");
			$(".i-search-slide").removeClass("on");
			$(".search-keywords").val("");
		}else{
			$(this).addClass("on");
			$(".i-search").show();
			$(".header").addClass("searchbg");
		}
	});

	

	$(".header-btn").click(function(){
		$(this).toggleClass("on");
		$(".header-mobile").toggleClass("open")
	})

	$(".header-mobile-type").click(function(){
		$(this).toggleClass("on")
		var parent = $(this).parent();
		$(parent).find(".header-mobile-slide").slideToggle()
	});
	$(".header-mobile-slide").click(function(){
		$(".header-mobile-type,.header-btn").removeClass("on");
		$(".header-mobile").removeClass("open");
		$(".header-mobile-slide").slideUp();
	})

	$(".breadcrumb-main.slided").click(function(){
		var winW = $(window).width();
		if(winW <960){
			$(".breadcrumb").toggleClass("on");
			$(".breadcrumb-list").slideToggle(true);
		}
	})
	$(".breadcrumb-list").click(function(){
		$(".breadcrumb").removeClass("on");
		$(".breadcrumb-list").slideUp();
	})
	$(".breadcrumb-nav-item").hover(function(){
		$(this).find(".breadcrumb-nav-slide").stop().slideDown();
	},function(){
		$(this).find(".breadcrumb-nav-slide").stop().slideUp();
	})


	var banner = new Swiper(".i-banner-swiper", {
		autoplay: {
			delay: 5000,//3绉掑垏鎹竴娆
			disableOnInteraction: false,
		},
		slidesPerView: 1,
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 1,
		},
		speed: 800,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		loop: true,
		loopedSlides: document.querySelectorAll('.i-banner-swiper .swiper-slide').length,
		on:{
			init: function(){
			  	swiperAnimateCache(this); //闅愯棌鍔ㄧ敾鍏冪礌 
			  	this.emit('slideChangeTransitionStart');
				this.emit('slideChangeTransitionEnd');
			}, 
			slideChangeTransitionStart: function () {
				var 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');
				$(".i-banner-page .i-banner-pageitem.on").removeClass('on');
				$('.i-banner-page .i-banner-pageitem').eq(num).addClass('on').siblings().removeClass('on');
			},
			slideChangeTransitionEnd: function(){
			  swiperAnimate(this); //姣忎釜slide鍒囨崲缁撴潫鏃朵篃杩愯褰撳墠slide鍔ㄧ敾
			  //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 鍔ㄧ敾鍙睍鐜颁竴娆★紝鍘婚櫎ani绫诲悕
			} 
		}
	});
	var bannerNum = banner.loopedSlides
	for(var i = 0;i < bannerNum;i++){
		var j = i+1
		if(i==0){
			var bannerPage = '<div class="i-banner-pageitem on"><p>0'+j+'</p><div class="i-banner-pageline"></div></div>'
		}else{
			var bannerPage = '<div class="i-banner-pageitem"><p>0'+j+'</p><div class="i-banner-pageline"></div></div>'
		}
		$(".i-banner-num").append(bannerPage)
	};
	$(".i-banner-play").on('click',function(){
		if(banner.autoplay.running){
			$(this).addClass("on");
			banner.autoplay.stop();
			$('.i-banner-pageitem.on .i-banner-pageline').css("animation-play-state","paused");
			$('.i-banner-item.on .i-banner-bg img').css("animation-play-state","paused");
		}else{
			$(this).removeClass("on");
			banner.autoplay.start();
			$('.i-banner-pageitem.on .i-banner-pageline').css("animation-play-state","running");
			$('.i-banner-item.on .i-banner-bg img').css("animation-play-state","running");

		}
		
	});
	$(".i-banner-pageitem").on("click",function(){
		banner.slideToLoop($(this).index());
	})

	var solution = new Swiper(".i-solution-swiper", {
		slidesPerView: 1,
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 2,
		},
		speed: 800,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		allowTouchMove: false,//绂佹榧犳爣妯℃嫙
	});
	$('.i-solution-menuitem').on("click",function(){
        var _ = $(this);
        _.addClass('on').siblings().removeClass('on');
        solution.slideTo(_.index());
        return false;
    });

	var industry = new Swiper(".industry .i-solution-photo", {
		// effect:'fade',
		// fadeEffect: {
		// 	crossFade: true,
		// },
		slidesPerView: 1,
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 2,
		},
		speed: 800,
		// loop: true,
        // loopedSlides: 5,
		navigation: {
			nextEl: '.industry .i-com-btn.next',
			prevEl: '.industry .i-com-btn.prev',
		},
		on: {
			init: function(){
				this.emit('slideChangeTransitionStart');
		  	}, 
			slideChangeTransitionStart: function () {
				var num = this.realIndex;
				var title = $('.industry .i-solution-pic').eq(num).find("img").data("title");
				var msg = $('.industry .i-solution-pic').eq(num).find("img").data("msg");
				var link = $('.industry .i-solution-pic').eq(num).attr("href");
				$(".industry .i-solution-title").text(title);
				$(".industry .i-solution-title").attr("href",link);
				$(".industry .i-solution-msg").text(msg);
				$(".industry .i-solution-msg").attr("title",msg);
				$(".industry .i-solution-msg").attr("href",link);
				$(".industry .i-solution-more").attr("href",link);
			},
		}
	});
	var city = new Swiper(".city .i-solution-photo", {
		// effect:'fade',
		// fadeEffect: {
		// 	crossFade: true,
		// },
		slidesPerView: 1,
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 2,
		},
		speed: 800,
		// loop: true,
        // loopedSlides: 5,
		navigation: {
			nextEl: '.city .i-com-btn.next',
			prevEl: '.city .i-com-btn.prev',
		},
		on: {
			init: function(){
				this.emit('slideChangeTransitionStart');
		  	}, 
			slideChangeTransitionStart: function () {
				var num = this.realIndex;
				var title = $('.city .i-solution-pic').eq(num).find("img").data("title");
				var msg = $('.city .i-solution-pic').eq(num).find("img").data("msg");
				var link = $('.city .i-solution-pic').eq(num).attr("href");
				$(".city .i-solution-title").text(title);
				$(".city .i-solution-title").attr("href",link);
				$(".city .i-solution-msg").attr("title",msg);
				$(".city .i-solution-msg").text(msg);
				$(".city .i-solution-msg").attr("href",link);
				$(".city .i-solution-more").attr("href",link);
			},
		}
	});
	var agriculture = new Swiper(".agriculture .i-solution-photo", {
		// effect:'fade',
		// fadeEffect: {
		// 	crossFade: true,
		// },
		slidesPerView: 1,
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 2,
		},
		speed: 800,
		// loop: true,
        // loopedSlides: 5,
		navigation: {
			nextEl: '.agriculture .i-com-btn.next',
			prevEl: '.agriculture .i-com-btn.prev',
		},
		on: {
			init: function(){
				this.emit('slideChangeTransitionStart');
		  	}, 
			slideChangeTransitionStart: function () {
				var num = this.realIndex;
				var title = $('.agriculture .i-solution-pic').eq(num).find("img").data("title");
				var msg = $('.agriculture .i-solution-pic').eq(num).find("img").data("msg");
				var link = $('.agriculture .i-solution-pic').eq(num).attr("href");
				$(".agriculture .i-solution-title").text(title);
				$(".agriculture .i-solution-title").attr("href",link);
				$(".agriculture .i-solution-msg").attr("title",msg);
				$(".agriculture .i-solution-msg").text(msg);
				$(".agriculture .i-solution-msg").attr("href",link);
				$(".agriculture .i-solution-more").attr("href",link);
			},
		}
	});

	var news = new Swiper(".i-news-main", {
		slidesPerView: 'auto',
		lazy: {
			loadPrevNext: true,
			loadPrevNextAmount: 5,
		},
		speed: 800,
		navigation: {
			nextEl: '.i-news-page .i-com-btn.next',
			prevEl: '.i-news-page .i-com-btn.prev',
		},
	});

	var productFunction = new Swiper(".product-function-swiper", {
		speed: 800,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		navigation: {
			nextEl: '.product-function-btn.next',
			prevEl: '.product-function-btn.prev',
		},
		on:{
			init: function(){
			  	this.emit('slideChangeTransitionStart');
			}, 
			slideChangeTransitionStart: function () {
				var i = this.activeIndex;
				$(".product-function-menu").eq(i).addClass('on').siblings().removeClass('on');
			},
		}
	});
	$('.product-function-menu').on("hover",function(){
        var _ = $(this);
        _.addClass('on').siblings().removeClass('on');
		// console.log(_.index());
        productFunction.slideTo(_.index()-1);
        return false;
    });

	var solutionCase = new Swiper(".solution-relation-list", {
		speed: 800,
		slidesPerView: 4,
		spaceBetween: 10,
		simulateTouch : false,//绂佹榧犳爣妯℃嫙
		pagination: {
			el: ".solution-relation-list .swiper-pagination",
			clickable :true,
		},
		breakpoints: {
			230:{
				slidesPerView: 1,
				simulateTouch :true,
			},
			500: {
				slidesPerView: 2,
				simulateTouch :true,
			},
			769: {
				slidesPerView: 3,
				simulateTouch :true,
			},
			961: {
				slidesPerView: 4,
			}
		},
	});

	$(".contact-list li").on("hover",function(){
		$(this).addClass("on").siblings().removeClass("on");
	})

	var aboutYear = new Swiper(".about-history-left .about-history-year", {
		speed: 800,
		slidesPerView:4,
		spaceBetween: 0,
		freeMode: true,
		watchSlidesVisibility: true,
		watchSlidesProgress: true,
		breakpoints: {
			230: {
				slidesPerView: 3,
			},
			500: {
				slidesPerView: 4,
			}
		},
	});

	var aboutHistory = new Swiper(".about-history-left .about-history-photo", {
		speed: 800,
		slidesPerView: 1,
		spaceBetween: 0,
		effect:'fade',
		fadeEffect: {
			crossFade: true,
		},
		simulateTouch : false,//绂佹榧犳爣妯℃嫙
		navigation: {
			nextEl: '.about-history-btn.next',
			prevEl: '.about-history-btn.prev',
		},
		thumbs: {
			swiper: aboutYear
		},
		on: {
			init: function(){
				this.emit('slideChangeTransitionStart');
		  	}, 
			slideChangeTransitionStart: function () {
				var num = this.activeIndex;
				var year = $('.about-history-pic').eq(num).data("year");
				var msg = $('.about-history-pic').eq(num).data("msg");
				// msg = year + '骞达紝' + msg
				$(".about-history-bg p").text(year);
				$(".about-history-msg").text(msg);
			},
		}
	});
	
	var winW = $(document).width();
	if(winW < 960){
		$(".picshow,.product-read-msg img,.solution-read img,.product-read-intropic img").click(function(){
			var pic = $(this).attr("src");
			$(".fixed-picshow img").attr("src",pic);
			$(".fixed-pic").show();
			var divW = $(".fixed-picshow").width();
			var contentW = $(".fixed-picshow img").width();
			// var w = contentW - divW;
			var tagW = divW / contentW * divW + "px";
			$(".scroll_progress_tag").css("width",tagW);
			scrollProgress();
		});
		$(".fixed-pic .fixed-cover,.fixed-pic .fixed-close").click(function(){
			$(".fixed-pic").hide();
			$(".fixed-picshow img").attr("src","");
		});
	}


	function scrollProgress(){
		var scrollProgressWidth = $("#scroll_progress_bar");
		var divW = $(".fixed-picshow").width();
		var contentW = $(".fixed-picshow img").width();
		var w = contentW - divW;
		// var tagW = divW / tagW * divW + "px";
		// $(".scroll_progress_tag").css("width",tagW);
		$(".fixed-picshow").bind("scroll", function(){
			const scrollLeft = $(".fixed-picshow").scrollLeft();
			// console.log("scrollLeft ", scrollLeft);
			barW=(scrollLeft / w) * 100 + "%"
			$("#scroll_progress_bar").css("width",barW)
		});
	}
});