window.onscroll = function() {myFunction()};

var header = document.getElementById("mandeheader");

var height = header.clientHeight;

function myFunction() {
  if(is_home_page){
    // console.log("offsetTop ",height);
    //console.log("pageYOffset ",window.pageYOffset);
  if (window.pageYOffset > height) {
    document.getElementById("small-mande-logo").classList.remove('xl:hidden');
    //document.getElementById("scroll-logo").classList.remove('xl:hidden');
    //document.getElementById("logo-container").classList.remove('xl:w-40');
    //document.getElementById("logo-container").classList.add('xl:w-20');
    document.getElementById("long-logo").classList.add("w-0");
    document.getElementById("long-logo").classList.remove("w-32");
    //document.getElementById("inner-long-logo").classList.add("hidden");
    document.getElementById("mande-navbar").classList.remove("lg:bg-transparent");
    document.getElementById("mande-navbar").classList.add("bg-white");
    document.getElementById("mande-navbar").classList.remove("text-white");
    document.getElementById("mande-navbar").classList.add("text-dark");    
  } else {
    document.getElementById("small-mande-logo").classList.add('xl:hidden');
    //document.getElementById("scroll-logo").classList.add('xl:hidden');
    //document.getElementById("logo-container").classList.add('xl:w-40');
    //document.getElementById("logo-container").classList.remove('xl:w-20');
    document.getElementById("long-logo").classList.remove("w-0");
    //document.getElementById("inner-long-logo").classList.remove("hidden");
    document.getElementById("long-logo").classList.add("w-32");
    document.getElementById("mande-navbar").classList.remove("bg-white");
    document.getElementById("mande-navbar").classList.add("lg:bg-transparent");
    document.getElementById("mande-navbar").classList.remove("text-dark");
    document.getElementById("mande-navbar").classList.add("text-white");
  }
  }
}

document.addEventListener("DOMContentLoaded", function() {
  // Select all <a> elements with href
  const links = document.querySelectorAll("a[href]");

  links.forEach(function(link) {
    link.addEventListener("click", function(event) {
      event.preventDefault(); // stop immediate navigation

      const href = link.getAttribute("href");
      const name = link.textContent.trim() ||
        link.innerHTML.trim()||
        link.getAttribute("name") ||
        link.getAttribute("aria-label") ||
        "Unnamed Link";

      // Fire gtag event with both name and URL
      gtag("event", "click", {
        event_category: "link",
        event_label: name + " → " + href, // combine name and URL
        link_name: name,                  // custom dimension/parameter
        link_url: href,                   // custom dimension/parameter
        event_callback: function() {
          // Resume navigation after event is sent
          window.location.href = href;
        }
      });
    });
  });
});