// functions.js

window.onload = function() {
  revealer = document.getElementById("open_hidden_info");
	revealer.onclick = showHiddenInfo;
  // Add onclick events on all band names
  bandTable = document.getElementById("bandListTable");
  bandList = bandTable.getElementsByTagName("td");
  for (var i in bandList) {
  	bandList[i].onclick = showBandInfo;
  } 
}

function showHiddenInfo() {
  hiddenInfoLayer = document.getElementById("hidden_info");
	if(hiddenInfoLayer.style.display != "block") {
	  hiddenInfoLayer.style.display = "block";
	}
	else if(hiddenInfoLayer.style.display != "none")
	  hiddenInfoLayer.style.display = "none";
}

function showBandInfo() {
	bandId= "_" + this.id;
  hiddenBandLayer = document.getElementById(bandId);
	if(hiddenBandLayer.style.display != "block") {
	  hiddenBandLayer.style.display = "block";
	}
	else if(hiddenBandLayer.style.display != "none")
	  hiddenBandLayer.style.display = "none";
   
}