function test() {
  alert("hello world");
}

function hideMenus() {
  document.getElementById("imgAOP").style.visibility="hidden";
  document.getElementById("imgAOP").style.width="1px";
  document.getElementById("imgATT").style.visibility="hidden";
  document.getElementById("imgATT").style.width="1px"; 
  
}

function mAreas() {
  hideMenus();
  document.getElementById("imgAOP").style.width="219px";
  document.getElementById("imgAOP").style.visibility="visible";
  
}

function mAttourneys() {
  hideMenus();
  document.getElementById("imgATT").style.width="168px";
  document.getElementById("imgATT").style.visibility="visible";
}