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"), "");
		}
	}	
	
	var sfEls = document.getElementById("nav1").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);

function ShowText(el){
    var topelements = document.getElementById("center-block").getElementsByTagName("a");
    for (var i=0; i < topelements.length; i++)
       topelements[i].className = "";
    var textElements = document.getElementById("center-block").getElementsByTagName("div");
    var id = el.split("-");
    for (var i=0; i < textElements.length; i++)
       if (textElements[i].id.indexOf(id[0]) != -1)
         textElements[i].style.display = "block";
       else if (textElements[i].id != "center-block-top")
         textElements[i].style.display = "none";
    document.getElementById(el).className = "vision-selected";
}

function MouseOver(id){
   var topelements = document.getElementById("day-in-life-detail-content").getElementsByTagName("a");
   for (var i=0; i < topelements.length; i++)
       if (topelements[i].className == "program vision-selected") topelements[i].className = "program";
   var divelements = document.getElementById("day-in-life-detail-content").getElementsByTagName("div");
   for (var i=0; i < divelements.length; i++)
       if (divelements[i].id.indexOf("program") != -1) divelements[i].style.display = "none";
   document.getElementById("program" + id).style.display = "block";

}