// clears all sub-groups prior to displaying the selected group 
function clearall(){
	//array of all subgroups 
	subgroupArray =	["subhome", "subpersonal", "subbusiness", "submortgage", "sublocations","subabout","subcontact"]
	for(var ii=0; ii<subgroupArray.length; ii++){
	    temp = document.getElementById(subgroupArray[ii]);
		 temp.style.display="none";
		 temp.style.visibility="hidden";
	}
	navArray = ["personalnav", "businessnav", "mortgagenav", "locationsnav","aboutnav", "contactnav"]
	for(var x=0; x<navArray.length; x++){
	    temp = document.getElementById(navArray[x]);
		temp.className="inactiveMenuButton";
	}
}

// displays the subgroup links dependent on the variable passed in 
function navigate(group,subgroup){
	 clearall();
	 document.getElementById(group).className = "activeMenuButton";	 
     document.getElementById(subgroup).style.display="block";
	 document.getElementById(subgroup).style.visibility="visible";
	 
}