// Makes navbar turn gray when scrolled 150>= pixels
window.onscroll = () => {
    const nav = document.getElementById("navbar");
    let y = window.scrollY;
    if (window.location.pathname.match(/.+index.html/)) {
      if(y >= 150) {
        nav.classList.add("navbar-scrolled");
      }
      else {
        nav.classList.remove("navbar-scrolled");
      }
    }
};


// Retrieved from w3schools, makes scrolling smooth on anchor tag clicks in navbar
$(document).ready(function(){
    // Add smooth scrolling to all links
    $("#header a").on('click', function(event) {
        // Make sure this.hash has a value before overriding default behavior
        if (this.hash !== "") {
            // Prevent default anchor click behavior
            event.preventDefault();
            // Store hash
            let hash = this.hash;
            // Using jQuery's animate() method to add smooth page scroll
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 800, function(){
                // Add hash (#) to URL when done scrolling (default click behavior)
                window.location.hash = hash;
            });
        } // End if
    });
});
// Makes navbar turn gray when scrolled 150>= pixels
window.onscroll = () => {
    const nav = document.getElementById("navbar");
    let y = window.scrollY;
    if (window.location.pathname.match(/.+clubs.html/) === false) {
      if(y >= 150) {
        nav.classList.add("navbar-scrolled");
      }
      else {
        nav.classList.remove("navbar-scrolled");
      }
    }
};


// Retrieved from w3schools, makes scrolling smooth on anchor tag clicks in navbar
$(document).ready(function(){
    // Add smooth scrolling to all links
    $("#header a").on('click', function(event) {
        // Make sure this.hash has a value before overriding default behavior
        if (this.hash !== "") {
            // Prevent default anchor click behavior
            event.preventDefault();
            // Store hash
            let hash = this.hash;
            // Using jQuery's animate() method to add smooth page scroll
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 800, function(){
                // Add hash (#) to URL when done scrolling (default click behavior)
                window.location.hash = hash;
            });
        } // End if
    });
});
Fix navbar scroll problem