function changeCurrent(element) {
  document.querySelector(".current").classList.remove("current");
  oldText = document.querySelector(".currentText");
  oldText.classList.remove("currentText");
  oldText.classList.add("nav-button");
  element.parentElement.classList.add("current");
  element.classList.remove("nav-button");
  element.classList.add("currentText");

  transitionChangeCurrentAndExpend(element);
}

function transitionChangeCurrentAndExpend(element) {
  expendSolo = document.querySelector("#expendSolo");
  expendMulti = document.querySelector("#expendMulti");
  expendMail = document.querySelector("#expendMail");
  if (element.id == "globalLink") {
    document.location.reload(true);
  }

  if (element.id == "soloLink") {
    expend(expendSolo);
  }
  if (element.id == "multiLink") {
    expend(expendMulti);
  }
  if (element.id == "mailLink") {
    expend(expendMail);
  }
}

function expend(element) {
  if (element.parentElement.parentElement.parentElement.id == "soloEnigme") {
    
    if (soloEnigme.parentElement.classList.contains("fullscreen") == false) {
      soloEnigme.parentElement.classList.add("fullscreen");
      soloEnigme.classList.add("fullscreen");
    } else {
      soloEnigme.parentElement.classList.remove("fullscreen");
      soloEnigme.classList.remove("fullscreen");
    }

    if (mail.style.display != "none") {
      mail.style.display = "none";
      mail.parentElement.style.display = "none";
      multiEnigme.style.display = "none";
    } else {
      mail.style.display = "flex";
      mail.parentElement.style.display = "flex";
      multiEnigme.style.display = "block";
    }
  }

  if (element.parentElement.parentElement.parentElement.id == "multiEnigme") {
    if (multiEnigme.parentElement.classList.contains("fullscreen") == false) {
      multiEnigme.parentElement.classList.add("fullscreen");
      multiEnigme.classList.add("fullscreen");
    } else {
      multiEnigme.parentElement.classList.remove("fullscreen");
      multiEnigme.classList.remove("fullscreen");
    }

    if (mail.style.display != "none") {
      mail.style.display = "none";
      mail.parentElement.style.display = "none";
      soloEnigme.style.display = "none";
    } else {
      mail.style.display = "flex";
      mail.parentElement.style.display = "flex";
      soloEnigme.style.display = "block";
    }
  }

  if (element.parentElement.parentElement.parentElement.id == "mail") {
    mail.parentElement.classList.toggle("fullscreen");
    mail.classList.toggle("fullscreen");

    if (multiEnigme.style.display != "none") {
      multiEnigme.style.display = "none";
      multiEnigme.parentElement.style.display = "none";
      soloEnigme.style.display = "none";
    } else {
      multiEnigme.style.display = "block";
      multiEnigme.parentElement.style.display = "flex";
      soloEnigme.style.display = "block";
    }
  }
}