$(document).ready(function () {

    const brands = new Swiper('.brands__wrapper .swiper', {
        loop: true,
        // Optional parameters
        slidesPerView: 2,
        spaceBetween: 20,

        // If we need pagination
        pagination: {
            el: '.brands__wrapper .swiper-pagination',
            clickable: true
        },

        // Navigation arrows
        navigation: {
            nextEl: '.brands__wrapper .swiper-button-next',
            prevEl: '.brands__wrapper .swiper-button-prev',
        },
        breakpoints: {
            768: {
              slidesPerView: 4,
            },
            1024: {
              slidesPerView: 4,
            },
            1200: {
              slidesPerView: 6,
            },
        },
    });

    const newslide = new Swiper('.news__content .swiper', {
        loop: false,
        // Optional parameters
        slidesPerView: 1,
        spaceBetween: 20,
        autoHeight: true,

        // If we need pagination
        pagination: {
            el: '.news__content .swiper-pagination',
            clickable: true
        },

        // Navigation arrows
        navigation: {
            nextEl: '.news__content .swiper-button-next',
            prevEl: '.news__content .swiper-button-prev',
        },
        breakpoints: {
            768: {
              slidesPerView: 'auto',
            },
            1024: {
              slidesPerView: 'auto',
              loop: false
            },
        },
    });

    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $('header').outerHeight();

    $(window).scroll(function (event) {
        didScroll = true;
    });

    setInterval(function () {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 65);

    function hasScrolled() {
        var st = $(this).scrollTop();

        // Make sure they scroll more than delta
        if (Math.abs(lastScrollTop - st) <= delta)
            return;

        // If they scrolled down and are past the navbar, add class .nav-up.
        // This is necessary so you never see what is "behind" the navbar.
        if (st > lastScrollTop && st > navbarHeight) {
            // Scroll Down
            $('header').removeClass('nav-up').addClass('nav-down');

            if ($('header').hasClass('nav-down')) {
                $('header').addClass('shrink');
            }


        } else {
            // Scroll Up
            if (st + $(window).height() < $(document).height()) {

                $('header').removeClass('nav-down').addClass('nav-up')


                var $win = $(window);
                if ($win.scrollTop() < 100) {
                    $('header').removeClass('nav-up')
                    $('header').removeClass('shrink')

                }
            }
        }

        lastScrollTop = st;
    }


    $(".cluster__selection li").on('mouseenter', function () {
        $(this).addClass("active").siblings('.cluster__selection li').removeClass("active");
        var id = $(this).attr('id');
        $(".cluster__image li").each(function () {
            if ($(this).attr('data-rel') == id) {
                $(this).addClass('active');
            } else {
                $(this).removeClass('active');
            }
        });
    });


    $(".joinus__formulaire .umbraco-forms-field.uploadcv input").change(function () {
        filename = this.files[0].name
        console.log(filename);

        $('.joinus__formulaire .umbraco-forms-field.uploadcv .umbraco-forms-tooltip.help-block').text(filename);
    });
    
    $(".joinus__leavecv--form .umbraco-forms-field.uploadcv input").change(function () {
        filename = this.files[0].name
        console.log(filename);

        $('.joinus__leavecv--form .umbraco-forms-field.uploadcv .umbraco-forms-tooltip.help-block').text(filename);
    });



    // close search
    var mouse_is_inside2 = false;
    $('.searchModal--cnt').hover(function () {
        mouse_is_inside2 = true;
    }, function () {
        mouse_is_inside2 = false;
    });

    $(".searchModal").mouseup(function () {
        if (!mouse_is_inside2) {
            $('.searchModal').removeClass('modal--open');
        }
    });


    $('.cta--search').on('click', function () {
        $('.searchModal').addClass('modal--open');
    });



    // menu
    var tlMenu = gsap.timeline({
        paused: true,
        reversed: true,
    });

    tlMenu.to(".layeroverlay", {
            width: "100%",
            duration: .4
        })
        .from(".header__mobile--nav", {
            opacity: 0,
            y: 10,
            duration: .4
        })
        .from(".header__mobile--top li", {
            ease: "sine.out",
            scaleX: 0,
            transformOrigin: "center center",
            duration: .4
        })

    $(".wrapper-menu").click(function () {
        $(this).toggleClass('open');
        $('.header__mobile--overlay').toggleClass('open');
        tlMenu.reversed() ? tlMenu.play() : tlMenu.progress(0).reverse();
    });

    $('.main__menu').on('click', function () {
        $('.main__menu.active').not(this).removeClass('active');
        $(this).toggleClass('active');
    });
    
    
    $('.sub__menu li a').on('click', function () {
        var url = $(this).attr('href')
        hash = url.split('#')[1];

       if( hash ){
        $(".wrapper-menu").removeClass('open');
        $('.header__mobile--overlay').removeClass('open');
        tlMenu.reversed() ? tlMenu.play() : tlMenu.progress(0).reverse();
       }
        
    });
    
    
    
    
    if ($('.adsimg').length > 0) {


        setTimeout(function(){
            $('.ads__modal').addClass('active');
        }, 500); //run this after 5 seconds


        var mouse_is_inside2 = false;
        $('.ads__modal--cnt').hover(function () {
            mouse_is_inside2 = true;
        }, function () {
            mouse_is_inside2 = false;
        });

        $(".ads__modal").mouseup(function () {
            if (!mouse_is_inside2) {
                $('.ads__modal').removeClass('active');
            }
        });


        $(".ads__close").click(function() {
            $('.ads__modal').removeClass('active');
        }); 
    }
    
    
    


})