$(document).ready(function() {
    $("#ContentToInclude").load("/menu.html");
    $(".linkbutton").mouseenter(function() {
        $(this).stop()
        $(this).animate({"border-radius": "0px", "background-color": "darkblue"}, 200)
    })
    $(".linkbutton").mouseleave(function() {
        $(this).stop()
        $(this).animate({"border-radius": "20px", "background-color": "rgba(0,0,0,0)"}, 200)
    })
    $(".textlink").mouseenter(function() {
        $(this).animate({"color": "darkblue", "font-size": "120%"}, 200)
    })
    $(".textlink").mouseleave(function() {
        $(this).animate({"color": "black", "font-size": "100%"}, 200)
    })
    setTimeout(highlightLocation, 200)
});

function highlightLocation () {
    let pagename = $(location).attr('pathname')
    if (pagename.slice(0, 8) == "/project") {
        $('#projects').css("background-color", "darkblue")
    } else if (pagename.slice(0, 6) == "/about" || pagename == "/privacypolicy.html") {
        $('#about').css("background-color", "darkblue")
    } else if (pagename == "/" || pagename == "/index.html") {
        $('#home').css("background-color", "darkblue")
    } else if (pagename == "/support.html") {
        $('#support').css("background-color", "darkblue")
    }
}