function onloadFunctions(section,page){


//Highlight the current section in the persistent menu
    document.getElementById('nav'+ section).className='active'

if (page!='NULL') {
//Highlight the current page in interior menu
    liPage=document.getElementById(page);
    liPage.firstChild.className= "active"


//Highlight menu items that have submenus with down arrow
    var ULs = document.getElementsByTagName('UL');

    for (var i=0;i<ULs.length;i++) {
        if (ULs[i].id.indexOf('subMenu')!=-1) {
            ULs[i].parentNode.firstChild.className="expandActive"
        }
    }

//Display nested ULs if parent or member li is active and highlight parent with down arrow

    for (i=0; i<liPage.childNodes.length; i++) {
      var node=liPage.childNodes[i];

        if (node.nodeName=="UL"){
        liPage.firstChild.className="subMenuActive"
        //node.style.display="block"
		node.className="show"
        }
    }

    if (liPage.parentNode.parentNode.nodeName=="LI") {
        //liPage.parentNode.style.display="block"
		liPage.parentNode.className="show"
        liPageGrandParent=liPage.parentNode.parentNode
        liPageGrandParent.firstChild.className= "subMenuActive"
    }


}


// set minumum height for IE and Safari.
      var wrapperColumnHeight=document.getElementById('wrapperColumn').offsetHeight;

        if (wrapperColumnHeight<347) {
               document.getElementById('wrapperColumn').style.height=32 + 'em';
            }




/*This script is a fix for IE not recognizing the css hover for elements other then links
        See http://www.alistapart.com/articles/dropdowns/ for reference */

    //First check to see if browser is IE
     if (document.all&&document.getElementById) {
        //loop through each li in the parent ul
        navRoot = document.getElementById("navPersistent");
            for (i=0; i<navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
                if (node.nodeName=="LI") {
            //change name of class for li depending on mouseover state
                    node.onmouseover=function() {
                        this.className+="over";
                    }
                    node.onmouseout=function() {
                        this.className=this.className.replace("over", "");
                    }
                }
            }
      }

//Add alternate row colors to tables
		if (document.getElementById("tbodyAlternate")) {
        var tbodyRoot = document.getElementById("tbodyAlternate");
 		var rows = tbodyRoot.getElementsByTagName("tr"); 
		//rows.length-1 there so this function doesn't apply to last row in table 
			for(i = 0; i <rows.length-1; i++){ 				
				if(i % 2 == 0){
       				rows[i].className = "";
     			}else{
       				rows[i].className = "rowAlternate";
				}
			}
		}
}

function toggleHomeIntro(showID,hideID,hideID2){
    document.getElementById('dd'+ showID).style.left=0
    if (hideID) {
        document.getElementById('dd'+ hideID).style.left='-9999px'
    }
    if (hideID2) {
        document.getElementById('dd'+ hideID2).style.left='-9999px'
    }

    dlRoot = document.getElementById("homeIntroSectionMenu");
    for (i=0; i<dlRoot.childNodes.length; i++) {
       node = dlRoot.childNodes[i];
		if (node.id=='dt'+ showID) {
			node.firstChild.className="active"
		}
		if (node.id=='dt'+ hideID || node.id=='dt'+ hideID2){
			node.firstChild.className=""
		}
	}
}




