function toggleVisibility(id) {
	var element = document.getElementById(id);
	if (element.style.display == 'none') {
		element.style.display = 'block';
	}
	else {
		element.style.display = 'none';
	}
}

function toggleAll(element) {	
	if (element.id == 'toggleSongs') {			
		if (element.checked == true) {
			toggleDivs('songList', true);
			toggleDivs('episodeList', true);
		}
		else {
			toggleDivs('songList', false);
			var episodes = document.getElementById('toggleEpisodes');
			if (episodes.checked == false) {
				toggleDivs('episodeList', false);
			}
		}
	}
	else { //id is toggleEpisodes
		if (element.checked == true) {
			toggleDivs('episodeList', true);
		}
		else {
			toggleDivs('episodeList', false);
			toggleDivs('songList', false);
		}
	}
}
function divshowhide(divid, className) {
	var alldivsonpage = document.getElementsByTagName('div'); 
	for(x = 0; x < alldivsonpage.length; x++) {
		if ( alldivsonpage[x].className == className ) {      
			if ( alldivsonpage[x].id == divid ) {
					document.getElementById(alldivsonpage[x].id).style.display = 'block';
			} 
			else {
					document.getElementById(alldivsonpage[x].id).style.display='none';
			}
		}
		
	}
}

function toggleDivs(classNm, openDiv) {
  var allDivs = document.getElementsByTagName("div");
  for (var i = 0; i < allDivs.length; i++){
    if (allDivs[i].className.match(classNm)){
      // yay! we've found a songDiv. Now, do something with it
      var div = allDivs[i];
	  if (openDiv == false) {
      	div.style.display = "none";
	  }
	  else {
		  div.style.display = "block";
	  }
    }
  }
}
