// Add smooth scrolling on all links inside the navbar
$('#navbar a').on('click', function(event) {
    // Make sure this.hash has a value before overriding default behaviour
    if (this.hash !== "") {
        // Prevent default anchor click behaviour
        event.preventDefault();

        // Store hash
        var hash = decodeURIComponent(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 - 10
        }, 800, function(){
            // Add hash (#) to URL when done scrolling (default click behaviour)
            window.location.hash = hash;
        });
    }
});