// Hide the intended to be hidden content (if any) on window load.
// This is designed to hide the content if Javascript is enabled and display it
// if it's not enabled.
function onLoadHideContent() {
  var poems = document.getElementsByTagName("DIV");
	for (i=0;i<=(poems.length-1);i++) {
	   if (poems[i].className=="content") {
		   poems[i].style.display = "none";
		 }
	}
	var explanation = document.getElementById("explanation");
	if (explanation!=null) explanation.style.display = "block";
}
// Reveal the content when someone clicks on the appropriate title.
function revealContent(poemId) {
  var poem = document.getElementById(poemId);
	poem.style.display = "block";
	var hideId = poemId.replace('poem','click');
	var hide = document.getElementById(hideId);
	hide.style.display = "inline";
}
// Hide the content if the user clicks on hide in the window.
function hideContent(poemId) {
  var poem = document.getElementById(poemId);
	poem.style.display = "none";
	var hideId = poemId.replace('poem','click');
	var hide = document.getElementById(hideId);
	hide.style.display = "none";
}
// Start up the Javascript functions when the window loads.
window.onload = onLoadHideContent;