const headerELem = document.querySelector('.header');

// let prevClassName = className;
let linkText = '';
let visible = '';

let scrollY = 0;

let openMenu = false;
let type = 0;
let dropOpen = false;


const setType = (id) => {
  type = id;
  dropOpen = true;
  activeItem = 0;
};

const setActiveItem = (id) => {
  activeItem = id;
};

const setDropOpen = (active) => {
  dropOpen = active;
  type = 0;
};

let lastKnownScrollPosition = 0;
let deltaY = 0;

window.addEventListener('load', () => {
  scrollY = window.scrollY < 0 ? 0 : window.scrollY;

  // className = (window.scrollY < 0 ? 0 : window.scrollY) > 0 ? '' : prevClassName;

  window.addEventListener('scroll', function () {
    scrollY = window.scrollY < 0 ? 0 : window.scrollY;

    // className = (window.scrollY < 0 ? 0 : window.scrollY) > 0 ? '' : prevClassName;

    let ticking = false;

    if (!ticking) {
      window.requestAnimationFrame(function () {
        deltaY = (window.scrollY < 0 ? 0 : window.scrollY) - lastKnownScrollPosition;

        lastKnownScrollPosition = window.scrollY < 0 ? 0 : window.scrollY;

        ticking = false;
      });
      ticking = true;
    }

    if (deltaY > 0 && (window.scrollY < 0 ? 0 : window.scrollY) > 0) {
      headerELem.classList.add('hide');
      setDropOpen(false);
    } 
    // else if (deltaY && (window.scrollY < 0 ? 0 : window.scrollY) >= window.screen.height) {
    //   visible = 'hideMenu';
    // } 
    else {
      headerELem.classList.remove('hide');
    }
  });
});