document.addEventListener("DOMContentLoaded", function() {
  'use strict';

  const html = document.querySelector('html'),
        menuOpenIcon = document.querySelector(".icon__menu"),
        menuCloseIcon = document.querySelector(".nav__icon-close"),
        menuList = document.querySelector(".main-nav"),
        btnScrollToTop = document.querySelector(".top");

  /* =======================================================
  // Menu Open & Close
  ======================================================= */
  menuOpenIcon.addEventListener("click", menuOpen);
  menuCloseIcon.addEventListener("click", menuClose);

  function menuOpen() {
    menuList.classList.add("is-open");
  }
  
  function menuClose() {
    menuList.classList.remove("is-open");
  }

  /* =======================
  // Zoom Image
  ======================= */
  const imageLink = document.querySelectorAll(".post__content a img, .gallery__image a img");

  if (imageLink.length) {
    imageLink.forEach((img) => {
      img.parentNode.classList.add("image-link");
      img.classList.add("no-lightense");
    });
  }

  Lightense(".post__content img:not(.no-lightense), .gallery__image img:not(.no-lightense)", {
    padding: 60,
    offset: 30
  });

  /* =================================
  // Smooth scroll
  ================================= */
  document.querySelectorAll(".top__link").forEach(anchor => {
    anchor.addEventListener("click", function (e) {
      e.preventDefault();
      document.querySelector(this.getAttribute("href")).scrollIntoView({
        behavior: "smooth"
      });
    });
  });

  /* =======================
  // Scroll Top Button
  ======================= */
  btnScrollToTop.addEventListener("click", () => {
    if (window.scrollY !== 0) {
      window.scrollTo({
        top: 0,
        left: 0,
        behavior: "smooth"
      });
    }
  });
  
  /* =======================
  // LazyLoad Images
  ======================= */
  const lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"
  });

});