// function to interactively show/hide content, client-side

function toggleHidden() {

    var sShowMessage = "Show";
    var sHideMessage = "Hide";

	var sNoteDisplay;
	var oNoteControlNode = document.getElementById("NoteControl");
	//alert (oNoteControlNode.firstChild.data);
	if (oNoteControlNode.firstChild.data == sShowMessage) {
		oNoteControlNode.firstChild.data = sHideMessage;
		sNoteDisplay = "";
	}
	else {
		oNoteControlNode.style.display = "";
		oNoteControlNode.firstChild.data = sShowMessage;
		sNoteDisplay = "none";
	}
	
	for(i = 0; i < document.all.length; i++){
		if (document.all(i).className == "hideable") {
			document.all(i).style.display = sNoteDisplay;
		}
	}

	//document.style.tnote.display = "none";
	//alert(document.styleSheets[0].rules.length);
	
//	if (document.styleSheets[0].cssRules) {
//		alert ("NS/firefox");
//		//crossrule=document.styleSheets[0].cssRules[0];
//	}
//	else if (document.styleSheets[0].rules) {
//		alert ("IE");
//		rules = document.styleSheets[0].rules;
//		//crossrule=document.styleSheets[0].rules[0];
//	}
//	else {
//		alert ("cannot identify rules");
//	}
//	
//	// http://www.quirksmode.org/dom/changess.html
//	for(i=0; i<rules.length; i++) {
//		st = rules(i).selectorText;
//		//alert (i + ":" + st);
//		if (st == "p.tnote") {
//			rules(i).display = "none";
//		}
//	}
	
}