function displayInfo(id) {
    var hideNavSelected = document.getElementById("nav-" + selectedInfo);
    hideNavSelected.className = "nav-item";
    var hideSelectedInfo = document.getElementById("info-" + selectedInfo);
    hideSelectedInfo.className = "info-off";
    selectedInfo = id;
    var showNavSelected = document.getElementById("nav-" + selectedInfo);
    showNavSelected.className = "selected";
    var showSelectedInfo = document.getElementById("info-" + id);
    showSelectedInfo.className = "info-on";
}

function displayDirections(id) {
    var hideBarSelected = document.getElementById("direction-" + selectedDirections);
    hideBarSelected.className = "bar-off";
    var hideSelectedDirections = document.getElementById("from-" + selectedDirections);
    hideSelectedDirections.className = "directions-off";
    selectedDirections = id;
    var showBarSelected = document.getElementById("direction-" + selectedDirections);
    showBarSelected.className = "bar-selected";
    var showSelectedDirections = document.getElementById("from-" + selectedDirections);
    showSelectedDirections.className = "directions-on";
}