var $ = jQuery.noConflict();

$(document).ready(function() {
  // Variables globales
  var active = false;
  var header = $("#menu-aeb");
  var burger = $(".titre-site");
  var menu = $(".menu");
  var bouton = $(".hamburger");
  var scroll_index, currentScrollTop = 0;
  var navbar = $("header");

  // MENU BURGER
  bouton.click(function() {
    if (active) {
      menu.removeClass('active');
      bouton.removeClass('is-active');
      header.removeClass('dynamic');
      $(".contact").show();
    } else {
      menu.addClass('active');
      bouton.addClass('is-active');
      header.addClass('dynamic');
      $(".contact").hide();
    }
    menu.fadeIn(400);
    header.fadeIn(400);
    active = !active;
  });

  // Gestion du sous-menu mobile
  $("#drop1").click(function() {
    $(".dropdown-content1").toggle("open");
    $('#drop1 span').toggleClass('active');
  });

  // Ajout de la classe 'current' pour bloquer le scroll en fond de menu
  $('.titre-site').on('click', function() {
    if (active) {
      $('#top').addClass('current');
    } else {
      $('#top').removeClass('current');
    }
  });

  // MENU FIXE AU SCROLL
  $(window).scroll(function() {
    var a = $(window).scrollTop();
    var b = navbar.height();

    currentScrollTop = a;

    if (scroll_index < currentScrollTop && a > b + b) {
      navbar.addClass("hidden");
    } else if (scroll_index > currentScrollTop && !(a <= b)) {
      navbar.removeClass("hidden");
    }
    scroll_index = currentScrollTop;
  });

  // AJOUT D'UNE CLASSE AU SCROLL
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll <= 250) {
      header.removeClass('smallogo');
    } else {
      header.addClass('smallogo');
    }
  });

  // POPUP
  $(".box").click(function() {
    $(".overlay").addClass("open");
  });

  $(".close").click(function() {
    $(".overlay").removeClass("open");
    window.history.pushState("", document.title, window.location.pathname);
    $("#vignette-1").fadeOut();
    $("#video-1")[0].pause();
    $("#vignette-2").fadeOut();
    $("#video-2")[0].pause();
    $("#vignette-3").fadeOut();
    $("#video-3")[0].pause();
  });

  // TESTS DEFILEMENT ANIMATIONS
  const threshold = 0.15;
  const options = {
    root: null,
    rootMargin: '0px',
    threshold
  };
  const handleIntersect = function(entries, observer) {
    entries.forEach(function(entry) {
      if (entry.intersectionRatio > threshold) {
        entry.target.classList.remove('reveal');
        observer.unobserve(entry.target);
      }
    });
  };

  document.documentElement.classList.add('reveal-loaded');

  window.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver(handleIntersect, options);
    const targets = document.querySelectorAll('.reveal');
    targets.forEach(function(target) {
      observer.observe(target);
    });
  });

  $(document).scroll(function() {
    var scroll = $(this).scrollTop();
    if (scroll >= 150) {
      $("#WhiteBook").css("margin-left", "-425px");
      $("#plus").css("margin-left", "0px");
    }
  });

  $("#plus").click(function() {
    $("#WhiteBook").css("margin-left", "0px");
    $("#plus").css("margin-left", "-425px");
  });

  $("#closepopup").click(function() {
    $("#WhiteBook").css("margin-left", "-425px");
    $("#plus").css("margin-left", "0px");
  });
});