function hoover(o) {
  document.getElementById(o).className = "visible";
  document.getElementById("header-" + o).className = "header-details visible";
}

function reset() {
  document.getElementById('workshops').className = "hidden";
  document.getElementById('links').className = "hidden";
  document.getElementById('faq').className = "hidden";
  document.getElementById('portal').className = "hidden";
  document.getElementById('catacombs').className = "hidden";
  document.getElementById('refectory').className = "hidden";
  document.getElementById('astrolabe').className = "hidden";
  document.getElementById('apothecary').className = "hidden";
  document.getElementById('tome').className = "hidden";
  document.getElementById('candle').className = "hidden";
  document.getElementById('library').className = "hidden";
  
  document.getElementById('header-faq').className = "header-details hidden";
  document.getElementById('header-library').className = "header-details hidden";
  document.getElementById('header-links').className = "header-details hidden";
  document.getElementById('header-portal').className = "header-details hidden";
  document.getElementById('header-tome').className = "header-details hidden";
  document.getElementById('header-workshops').className = "header-details hidden";
  document.getElementById('header-catacombs').className = "header-details hidden";
  document.getElementById('header-candle').className = "header-details hidden";
  document.getElementById('header-refectory').className = "header-details hidden";
  document.getElementById('header-astrolabe').className = "header-details hidden";
  document.getElementById('header-apothecary').className = "header-details hidden";
}