var previousElt = null;
window.onload=initCase;

function toggleState(elt){
	if(previousElt != null) {
		previousElt.className = previousElt.className.replace(new RegExp("active"), "");
	}
	elt.parentNode.className=elt.parentNode.className.replace(new RegExp(""), "active");
	previousElt = elt.parentNode;
	
}

function show(num){
	var layer = eval('document.getElementById("case'+num+'")');
	document.getElementById("caseDisplayer").innerHTML = layer.innerHTML;
}

function initCase(){
	if(document.getElementById("firstCase")!= null && document.getElementById("caseDisplayer") != null){
		var firstCase = document.getElementById("firstCase");
		firstCase.className = firstCase.className.replace(new RegExp(""), "active");
		previousElt = firstCase;
		document.getElementById("caseDisplayer").innerHTML = document.getElementById("case1").innerHTML;
	}
}