function show(id) {
  document.getElementById('djinfo').style.display = "block";
  document.getElementById(id).style.display = "block";
}
function hide(id) {
  crewsid = 'crew'+id;
  document.getElementById(crewsid).style.marginTop = "0px";
  document.getElementById(crewsid).style.marginBottom = "40px";
  document.getElementById(crewsid).style.left = "0px";
  for(i = 1; i < 6; i++){
    if (i != id) {
      crewsid = 'crew'+i;
      document.getElementById(crewsid).style.display = "none";
    }
  }
}
function reverse(id) {
  document.getElementById('djinfo').style.display = "none";
  document.getElementById(id).style.display = "none";
  document.getElementById('crew1').style.marginTop = "0px";
  document.getElementById('crew1').style.marginBottom = "0px";
  document.getElementById('crew1').style.left = "0px";
  document.getElementById('crew1').style.display = "block";
  document.getElementById('crew2').style.marginTop = "-164px";
  document.getElementById('crew2').style.marginBottom = "0px";
  document.getElementById('crew2').style.left = "140px";
  document.getElementById('crew2').style.display = "block";
  document.getElementById('crew3').style.marginTop = "-224px";
  document.getElementById('crew3').style.marginBottom = "0px";
  document.getElementById('crew3').style.left = "280px";
  document.getElementById('crew3').style.display = "block";
  document.getElementById('crew4').style.marginTop = "-164px";
  document.getElementById('crew4').style.marginBottom = "0px";
  document.getElementById('crew4').style.left = "420px";
  document.getElementById('crew4').style.display = "block";
  document.getElementById('crew5').style.marginTop = "-224px";
  document.getElementById('crew5').style.marginBottom = "40px";
  document.getElementById('crew5').style.left = "560px";
  document.getElementById('crew5').style.display = "block";

}