$(function () {
    new Swiper('.customers-container .swiper-container', {
        slidesPerView: 7,
        spaceBetween: 10,
        freeMode: true,
        loop: { delay: 5000 },
        autoplay: true
    });
    new Swiper('.recommend .swiper-container', {
        slidesPerView: 2,
        spaceBetween: 55,
        slidesPerGroup: 1,
        loop: false,
        loopFillGroupWithBlank: true,
        autoplay: true,
        navigation: {
            nextEl: '.recommend .button-next',
            prevEl: '.recommend .button-prev'
        }
    });
    var swiper = new Swiper('.pro-det-img .swiper-container', {
        spaceBetween: 30,
        effect: 'fade',
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        pagination: {
            el: '.pro-det-img .swiper-pagination',
            clickable: true
        }
    });
    $('.title-head>li').hover(function (e) {
        $('.pro-det-con>div').eq($(this).index()).show().siblings().hide();
        $(this).addClass("active").siblings().removeClass("active");
    }, function (e) {
        $('.pro-det-con>div').eq($(this).index()).show().siblings().hide();
    });
    $('.in-job-container .list li .title').click(function () {
        var li = $(this).parent();
        var isActive = li.hasClass("active");
        if (isActive) {
            li.removeClass('active');
        } else {
            li.addClass('active').siblings().removeClass('active');
        }
    });
    $(window).on("scroll", function () {
        if ($(window).scrollTop() >= 600) {
            $(".in-subnav").addClass("in-subnav-fix");
        } else {
            $(".in-subnav").removeClass("in-subnav-fix");
        }
    });

    new Swiper('.policy-txt .swiper-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        navigation: {
            nextEl: '.policy-txt .swiper-button-next',
            prevEl: '.policy-txt .swiper-button-prev'
        }
    });
    var leaderimglistSwiper = new Swiper('.leaderimglist .swiper-container',
        {
            watchSlidesProgress: true,
            slidesPerView: 'auto',
            centeredSlides: true,
            loop: true,
            loopedSlides: 5,
            autoplay: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev'
            },
            on: {
                progress: function (progress) {
                    for (var i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i);
                        var slideProgress = this.slides[i].progress;
                        var modify = 1;
                        if (Math.abs(slideProgress) > 1) {
                            modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
                        }
                        var translate = slideProgress * modify * 260 + 'px';
                        var scale = 1 - Math.abs(slideProgress) / 5;
                        var zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                        slide.transform('translateX(' + translate + ') scale(' + scale + ')');
                        slide.css('zIndex', zIndex);
                        slide.css('opacity', 1);
                        if (Math.abs(slideProgress) > 3) {
                            slide.css('opacity', 0);
                        }
                    }
                },
                setTransition: function (transition) {
                    for (var i = 0; i < this.slides.length; i++) {
                        var slide = this.slides.eq(i);
                        slide.transition(transition);
                    }
                }
            }
        });
});