//add to html input type="button" onclick="checkAllInParent
function checkAllInParent(input) {
	var parent = input.parentNode;
	var inputs = parent.getElementsByTagName("input");
	
	var allIsChecked = true;
	
	for (var i = 0; i < inputs.length; i++) {
		var ch = inputs[i];
		
		allIsChecked &= !!ch.checked;
		
		ch.checked = true;
	}
	input.value = "UnCheck All";
	if (allIsChecked) {
		for (var i = 0; i < inputs.length; i++) {
			inputs[i].checked = false;
		}
	input.value = "Check All";
	}
}

sfHover = function() {
        var sfEls = document.getElementById("nav").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);




var subs_array = new Array("sub1","sub2","sub3","sub4","sub5","sub6","sub7");

function displaySubs(the_sub) {
	if(document.getElementById(the_sub).style.display=="") {
		document.getElementById(the_sub).style.display = "none";
		return
	}
	for (i = 0; i < subs_array.length; i++) {
		var my_sub = document.getElementById(subs_array[i]);
		//uncomment following line to have one item displayed at a time
		my_sub.style.display = "none";
	}

	document.getElementById(the_sub).style.display = "";
}