//AOS.init({});

//navigation
function navCheck() {
  document.querySelector('.site__header').classList.remove("menu-small");
  const navW = document.querySelector('.navigation');
  const navulW = document.querySelector('.navigation__list');
  const logoW = document.querySelector('.logo');
  if (navW.offsetWidth < logoW.offsetWidth + navulW.offsetWidth) {
    document.querySelector('.site__header').classList.toggle("menu-small");
  }
}

//Navigation becomes sticky by scrolling
$(document).ready(function () {
  $(window).scroll(function () {
    if ($(this).scrollTop() > 0) {
      $(".navigation").addClass('fixed');
    } else {
      $(".navigation").removeClass('fixed');
    }
  });
});

//menu
(function () {
  var Menu = function () {
    var burger = document.querySelector('.burger');
    var menu = document.querySelector('.menu');
    var menuList = document.querySelector('.menu__list');
    var brand = document.querySelector('.menu__brand');
    var menuItems = document.querySelectorAll('.menu__item');
    var active = false;
    var toggleMenu = function () {
      if (!active) {
        menu.classList.add('menu--active');
        menuList.classList.add('menu__list--active');
        brand.classList.add('menu__brand--active');
        burger.classList.add('burger--close');
        for (var i = 0, ii = menuItems.length; i < ii; i++) {
          menuItems[i].classList.add('menu__item--active');
        }
        active = true;
      } else {
        menu.classList.remove('menu--active');
        menuList.classList.remove('menu__list--active');
        brand.classList.remove('menu__brand--active');
        burger.classList.remove('burger--close');
        for (var i = 0, ii = menuItems.length; i < ii; i++) {
          menuItems[i].classList.remove('menu__item--active');
        }
        active = false;
      }
    };
    var bindActions = function () {
      burger.addEventListener('click', toggleMenu, false);
    };
    var init = function () {
      bindActions();
    };
    return {
      init: init
    };
  }();
  Menu.init();
})();

//lightbox

/* var lightboxBtn = document.querySelector('.vnp-btn');
var closeBtn = document.querySelector('.closeLightbox');
var lightbox = document.querySelector('.lightbox01'); */

/* lightboxBtn.addEventListener('click', function () {
  lightbox.classList.remove('dis0');
});
closeBtn.addEventListener('click', function () {
  lightbox.classList.add('dis0');
}); */
$(".mediafilter").click(function () {
  var filtersource = $(this).attr("data-src");
  $(".mediafilter").removeClass("clicked");
  $(".reset").show();
  $(this).toggleClass("clicked");
  mediaFilter(filtersource);
});

$(".reset").click(function () {
  $(".reset").hide();
});

function mediaFilter(filtersource) {
  $(".mediabox").each(function () {
    if ($(this).hasClass(filtersource)) {
      $(".mediabox").addClass("dis0");
      $("." + filtersource).toggleClass("dis0");
    }
  });
}

$(".datenschutz-btn").click(function () {
  $("#Datenschutz").toggleClass("dis0");
});

$(document).ready(function () {
  $('.vnp-btn').click(function () {
    var filtersource = $(this).attr("data-src");
    mediaFilter(filtersource);
  });
  $('.closeLightbox').click(function () {
    $('.lightbox').addClass("dis0");
  });
  function mediaFilter(filtersource) {
    $(".lightbox").each(function () {
      if ($(this).hasClass(filtersource)) {
        $("." + filtersource).removeClass("dis0");
      }
    });
  }
});

window.addEventListener('resize', navCheck);
window.addEventListener('load', navCheck);