$(function(){
    var wTop = $(window).scrollTop();
    if( wTop > 0 ){
        $(".header").addClass("is_bg");
    };
    $(window).scroll(function () {
        wTop = $(this).scrollTop();
        if( wTop > 0 ){
            $(".header").addClass("is_bg");

        }else{
            $(".header").removeClass("is_bg");
        }

    });
    new WOW().init();
    if( $('.counter').length > 0 ){
        $('.counter').countUp();
    };

    $('.color-item').hover(function () {
        $(this).addClass("color-activate").parent().addClass("color-settings");
    }, function () {
        $(this).removeClass("color-activate").parent().removeClass("color-settings");
    });

    $(".navbar-project .project-hamburger,.navbar-project .project-close").on("click", function (e) {
        $(".navbar-project").toggleClass("active");
        $(".navbar-toggle").removeClass("active");
        $(".head_con").removeClass("active");
    })
    
    $(".language-img").on("click", function (e) {
        $(".navbar-project").removeClass("active");
        $(".navbar-toggle").removeClass("active");
        $(".head_con").removeClass("active");
        $(".nav_m_mask").fadeOut();
        $(".nav_language_modal").fadeIn();
        $(".nav_message_modal").fadeOut();
    });

    $(".nav_language_mask,.language_modal_title .language_close").on('click', function (e) {
        $(".nav_language_modal").fadeOut();
    });

    if(typeof navbar_num !== 'undefined') { 
        $(".navbar .megamenu"+navbar_num).addClass("active");
    }

    $(".nav_m_mask").on('click', function (e) {
        $(".head_language .language_con").slideUp();
        $(".move_navbtn .navbtn").removeClass("active");
        $(".nav_m_mask").fadeOut();
        $(".search-form").fadeOut();
        $(".nav_message_modal").fadeOut();
    });
    $(".head_navbtn,.m_navbtn_close").on('click', function (e) {
        $(".head_middle").toggleClass("active");
    });
    $('.navbar>li>svg').on('click', function (e) {
        $(this).parent().toggleClass("active").find(".nav_list").slideToggle();
        $(this).parent().siblings().removeClass("active").find(".nav_list").slideUp(450);
    });

    $(".head_search a").on("click", function (e) {
        $(".navbar-project").removeClass("active");
        $(".navbar-toggle").removeClass("active");
        $(".head_con").removeClass("active");
        $(".nav_m_mask").slideToggle();
        $(".search-form").slideToggle();
        $(".nav_message_modal").fadeOut();
    });

    $(".onlineMessage a,.prodcutHeader .box .btn").on("click", function (e) {
        $(".navbar-project").removeClass("active");
        $(".navbar-toggle").removeClass("active");
        $(".head_con").removeClass("active");
        $(".nav_m_mask").fadeOut();
        $(".search-form").fadeOut();
        $(".nav_message_modal").slideToggle();
    });

    $(".nav_message_modal .nav_message_mask,.nav_message_modal .message_modal_close").on("click", function (e) {
        $(".nav_message_modal").fadeOut();
    });

    $(".online_t a").on('click', function (e) {
        $('html,body').animate({'scrollTop':0},600);
    });

    if( $(".banner .swiper-slide").length > 0 ){
        var banner_swiper = new Swiper(".banner .swiper", {
            slidesPerView: 1,
            loop: true,
            autoplay: {
                delay: 6000,
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
            speed:800,
            navigation: {
                nextEl: ".banner .swiper-button-next",
                prevEl: ".banner .swiper-button-prev",
            },
            pagination: {
                el: '.banner .swiper-pagination',
                clickable: true, 
            },
        });
    };

    $('.m_toggle .m_name').on('click', function (e) {
        $(this).parent().toggleClass("active").find(".toggle_con").slideToggle();
    });

    
    if( $(".swiperProduct .swiper-slide").length ){
        var product_swiper = new Swiper(".swiperProduct", {
            slidesPerView: 2,
            // loop: true,
            // loopedSlides: 3,
            // autoplay:true,
            delay: 5000,
            speed:2000,
            spaceBetween: 16,
            navigation: {
                nextEl: ".swiperProduct .button-next",
                prevEl: ".swiperProduct .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 1,
                },
                681: {
                    slidesPerView: 1,
                },
                921: {
                    slidesPerView: 2,
                },
                1025: {
                    slidesPerView: 2,
                },
            },
        });
    }
    
    if( $(".swiperCases .swiper-slide").length ){
        var cases_swiper = new Swiper(".swiperCases", {
            slidesPerView: 1,
            loop: true,
            loopedSlides: 4,
            autoplay: {
                delay: 5000,
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
            speed:500,
            spaceBetween: 0,
            navigation: {
                nextEl: ".swiperCases .button-next",
                prevEl: ".swiperCases .button-prev",
            },
        });
    }

    $('.section-news .tabHead .item').on('click', function (e) {
        let itemNum = $(this).data("id");
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-news").find(".tabBoxItem"+itemNum).addClass("active").siblings().removeClass("active");
        if( news_swiper[itemNum] ){
            news_swiper[itemNum].update();
            news_swiper[itemNum].slideTo(1);
        }
    });
    var news_swiper = [];
    $('.section-news .tabBoxItem').each(function(index) {
        if( $(this).find(".swiper-slide").length ){
            news_swiper[index] = new Swiper(".section-news .tabBoxItem"+index+" .swiperNews", {
                slidesPerView: 3,
                loop: true,
                loopedSlides: 5,
						autoplay: {
							delay: 5000,
							pauseOnMouseEnter: true,
							disableOnInteraction: false,
						},
                speed:500,
                spaceBetween: 42,
                navigation: {
                    nextEl: ".section-news .tabBoxItem"+index+" .button-next",
                    prevEl: ".section-news .tabBoxItem"+index+" .button-prev",
                },
                breakpoints: { 
                    320: {
                        slidesPerView: 1,
                    },
                    681: {
                        slidesPerView: 2,
                    },
                    921: {
                        slidesPerView: 2,
                    },
                    1025: {
                        centeredSlides: true,
                        slidesPerView: 3,
                    },
                },
            });
        }
    });

    $('.section-partners .tabHead .item').on('click', function (e) {
        let itemNum = $(this).data("id");
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-partners").find(".tabBoxItem"+itemNum).addClass("active").siblings().removeClass("active");
        if( partners_swiper[itemNum] ){
            partners_swiper[itemNum].update();
            partners_swiper[itemNum].slideTo(0);
        }
    });
    var partners_swiper = [];
    $('.section-partners .tabBoxItem').each(function(index) {
        if( $(this).find(".swiper-slide").length ){
            partners_swiper[index] = new Swiper(".section-partners .tabBoxItem"+index+" .swiperPartners", {
                slidesPerView: 4,
                spaceBetween: 0,
                grid: {
                    rows: 2,
                },
                scrollbar: {
                    el: ".section-partners .tabBoxItem"+index+" .swiper-scrollbar",
                },
                breakpoints: { 
                    320: {
                        slidesPerView: 2,
                    },
                    681: {
                        slidesPerView: 3,
                    },
                    921: {
                        slidesPerView: 4,
                    },
                    1025: {
                        slidesPerView: 4,
                    },
                },
            });
        }
    });

    if( $(".swiperProces .swiper-slide").length > 0 ) {
        var procesSwiper = new Swiper(".swiperProces .swiper", {
            slidesPerView: 5,
            spaceBetween: 0,
            navigation: {
                nextEl: ".swiperProces .button-next",
                prevEl: ".swiperProces .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 1,
                },
                681: {
                    slidesPerView: 3,
                },
                921: {
                    slidesPerView: 3,
                },
                1025: {
                    slidesPerView: 4,
                },
                1336: {
                    slidesPerView: 5,
                },
            },
        });
    };

    if( $(".swiperIndustrial .swiper-slide").length > 0 ) {
        var industrialSwiper = new Swiper(".swiperIndustrial.swiper", {
            slidesPerView: 1,
            loop: true,
            loopedSlides: 3,
            spaceBetween: 24,
            navigation: {
                nextEl: ".swiperIndustrial .button-next",
                prevEl: ".swiperIndustrial .button-prev",
            },
        });
    };

    if( $(".swiperManufacturing .swiper-slide").length > 0 ) {
        var manufacturingSwiper = new Swiper(".swiperManufacturing.swiper", {
            slidesPerView: 1,
            loop: true,
            spaceBetween: 24,
            autoplay:true,
            delay: 5000,
            speed:500,
            pagination: {
                el: '.swiperManufacturing .swiper-pagination',
                clickable: true, 
            },
        });
    };

    $('.section-honor .honorHeadList .item').on('click', function (e) {
        let itemNum = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-honor").find(".honorBoxItem"+itemNum).addClass("active").siblings().removeClass("active");
        if( honor_swiper[itemNum] ){
            honor_swiper[itemNum].update();
            honor_swiper[itemNum].slideTo(0);
        }
    });
    var honor_swiper = [];
    $('.section-honor .honorBoxItem').each(function(index) {
        if( $(this).find(".swiper-slide").length ){
            honor_swiper[index] = new Swiper(".section-honor .honorBoxItem"+index+" .swiperHonor", {
                slidesPerView: 4,
                spaceBetween: 24,
            navigation: {
                nextEl: ".section-honor .honorBoxItem"+index+" .button-next",
                prevEl: ".section-honor .honorBoxItem"+index+" .button-prev",
            },
                breakpoints: { 
                    320: {
                        slidesPerView: 1,
                    },
                    681: {
                        slidesPerView: 2,
                    },
                    921: {
                        slidesPerView: 3,
                    },
                    1025: {
                        slidesPerView: 3,
                    },
                    1336: {
                        slidesPerView: 4,
                    },
                },
            });
        }
    });
    if( $(".swiperTechnology .swiper-slide").length > 0 ) {
        var technologySwiper = new Swiper(".swiperTechnology.swiper", {
            slidesPerView: 1,
            spaceBetween: 0,
            loopAdditionalSlides: 5,
            loop: true,
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiperTechnology .swiper-pagination",
            },
            navigation: {
                nextEl: ".swiperTechnology .button-next",
                prevEl: ".swiperTechnology .button-prev",
            },
        });
    };
    $('.section-strategic .strategicHeadList .item').on('click', function (e) {
        let itemNum = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-strategic").find(".tabBoxItem"+itemNum).addClass("active").siblings().removeClass("active");
        if( strategic_swiper[itemNum] ){
            strategic_swiper[itemNum].update();
            strategic_swiper[itemNum].slideTo(0);
        }
    });
    var strategic_swiper = [];
    $('.section-strategic .tabBoxItem').each(function(index) {
        if( $(this).find(".swiper-slide").length ){
            strategic_swiper[index] = new Swiper(".section-strategic .tabBoxItem"+index+" .swiperPartners", {
                slidesPerView: 4,
                spaceBetween: 0,
                grid: {
                    rows: 2,
                },
                pagination: {
                    el: ".section-strategic .tabBoxItem"+index+" .swiper-pagination",
                    clickable: true, 
                },
                breakpoints: { 
                    320: {
                        slidesPerView: 2,
                    },
                    681: {
                        slidesPerView: 3,
                    },
                    921: {
                        slidesPerView: 4,
                    },
                    1025: {
                        slidesPerView: 4,
                    },
                },
            });
        }
    });

    $(".section-equipment .list .item").hover(function() {
        let equipmentNum = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-equipment .imgList .item").eq(equipmentNum).addClass("active").siblings().removeClass("active");
});

    if( $(".swiperPolicies .swiper-slide").length > 0 ) {
        var policiesSwiper = new Swiper(".swiperPolicies.swiper", {
            slidesPerView: 2,
            spaceBetween: 20,
            loopAdditionalSlides: 5,
            loop: true,
            // scrollbar: {
            //     el: ".swiperPolicies .swiper-scrollbar",
            // },
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: ".swiperPolicies .button-next",
                prevEl: ".swiperPolicies .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 1,
                    spaceBetween: 15,
                },
                681: {
                    slidesPerView: 1,
                    spaceBetween: 15,
                },
                921: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                1025: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
            },
        });
    };
    
    if( $(".swiperShowroom .swiper-slide").length > 0 ) {
        var showroomSwiper = new Swiper(".swiperShowroom.swiper", {
            slidesPerView: 2,
            spaceBetween: 28,
            loopAdditionalSlides: 5,
            loop: true,
            autoplay: {
                delay: 6000,
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
            speed:800,
            navigation: {
                nextEl: ".swiperShowroom .button-next",
                prevEl: ".swiperShowroom .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 1,
                    spaceBetween: 40,
                },
                681: {
                    slidesPerView: 1,
                    spaceBetween: 40,
                },
                921: {
                    slidesPerView: 1,
                    spaceBetween: 40,
                },
                1025: {
                    slidesPerView: 2,
                    spaceBetween: 28,
                },
            },
        });
    };
    
    $('.section-cooperations .tabHead .item').on('click', function (e) {
        let itemNum = $(this).data("id");
        $(this).addClass("active").siblings().removeClass("active");
        $(".section-cooperations").find(".tabBoxItem"+itemNum).addClass("active").siblings().removeClass("active");
        if( partners_swiper[itemNum] ){
            partners_swiper[itemNum].update();
            partners_swiper[itemNum].slideTo(0);
        }
    });
    var cooperations_swiper = [];
    $('.section-cooperations .tabBoxItem').each(function(index) {
        if( $(this).find(".swiper-slide").length ){
            cooperations_swiper[index] = new Swiper(".section-cooperations .tabBoxItem"+index+" .swiperCooperations", {
                slidesPerView: 4,
                spaceBetween: 0,
                grid: {
                    rows: 2,
                },
                scrollbar: {
                    el: ".section-cooperations .tabBoxItem"+index+" .swiper-scrollbar",
                },
                breakpoints: { 
                    320: {
                        slidesPerView: 2,
                    },
                    681: {
                        slidesPerView: 3,
                    },
                    921: {
                        slidesPerView: 4,
                    },
                    1025: {
                        slidesPerView: 4,
                    },
                },
            });
        }
    });

    
    $(".missionTabHeadList .item").on('click', function (e) {
        let missionNum = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        $(".tabBoxMission .tabBoxItem").eq(missionNum).addClass("active").siblings().removeClass("active");
    });

    if( $(".category_navbar").length > 0 ){
        $(".category_navbar .megamenu.active").find(".sub-menu").show();
        $(".category_navbar .sub-menu .active").parent().show().parent().addClass("active");
        $(".category_navbar .menu-children>svg,.category_navbar .menu-children>.name1").on('click', function (e) {
            $(this).parent().toggleClass("active").find(".sub-menu").slideToggle();
        })
    }

    if( $(".products-swiper").length ){
        var products_swiper = new Swiper(".products-swiper .swiper", {
            direction: 'vertical',
            slidesPerView: 4,
            spaceBetween: 12,
            navigation: {
                nextEl: ".products-swiper .button-next",
                prevEl: ".products-swiper .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 3,
                    direction: 'horizontal',
                },
                681: {
                    slidesPerView: 4,
                },
                1025: {
                    slidesPerView: 4,
                },
            },
            pagination: {
                el: '.products-swiper .swiper-pagination',
                clickable: true, 
            },
        });

        $(".products-swiper .swiper-slide").eq(0).find(".swiper-img").addClass("active");
        $(".products-swiper .swiper-slide .swiper-img").on('click', function (e) {
            $(this).addClass("active").parent().siblings().find(".swiper-img").removeClass("active");
            let img_src = $(this).data("src");
            $(".prodcutHeader .box .img img").attr('src', img_src);
        })
        let swiper_total_num = $(".products-swiper .swiper-slide").length;
        $(".products-swiper .button-next").on('click', function (e) {
            let swiper_num = $(".swiper-img.active").parent().index() + 1;
            if( swiper_total_num > swiper_num ){
                $(".products-swiper .swiper-slide").eq(swiper_num).find(".swiper-img").click();
            }
            
        })
        $(".products-swiper .button-prev").on('click', function (e) {
            let swiper_num = $(".swiper-img.active").parent().index()-1;
            if( swiper_num >= 0 ){
                $(".products-swiper .swiper-slide").eq(swiper_num).find(".swiper-img").click();
            }
        })

    };
    if( $(".prodcutFooter .recommend-swiper").length ){
        var recommend_swiper = new Swiper(".prodcutFooter .recommend-swiper .swiper", {
            slidesPerView: 4,
            loopedSlides: 4,
            spaceBetween: 44,
            loop: true,
            autoplay: {
                delay: 3800,
                disableOnInteraction: false,
            },
            navigation: {
                nextEl: ".prodcutFooter .button-next",
                prevEl: ".prodcutFooter .button-prev",
            },
            breakpoints: { 
                320: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                681: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                1025: {
                    slidesPerView: 4,
                    spaceBetween: 20,
                },
                1241: {
                    slidesPerView: 4,
                    spaceBetween: 24,
                },
                1633: {
                    slidesPerView: 4,
                    spaceBetween: 44,
                },
            },
        });
    };

    $(document).ready(function(){
        var divHeight =  $('.step_box').height();
        var fHeight = $('.step_box .s_item_h').height();
        var lHeight = $('.step_box').children().last().height();
        var  sTop = fHeight / 2;
        var sBottom = lHeight / 2; 
        $('.step_box .st_line').css({
              'top': sTop + 'px',
              'bottom': sBottom + 'px' ,
        });
    });
    
    $('.filterBtn,.foldup-a').on('click', function (e) {
        $(".filterCriteria").slideToggle()
    });
    $('.nav_message_modal form').submit(function(event) {
        var valid = true;
        var $requiredFields = $('.aria-required input, .aria-required textarea');
        $requiredFields.each(function(index, element) {
			let $field = $(element);
			let fieldValue = $field.val().trim();
            if (fieldValue==="") {
                $('#error-message').show();
                valid = false;
                event.preventDefault();
                return false;
            }
        });
        if (valid) {
            $('#error-message').hide();
        }
    });
})