//function for showing staff profiles in header
function showprofile( elem ){
	var viewer = document.getElementById("feature");
	var desc = elem.getElementsByTagName("span");
	viewer.style.backgroundImage="url('images/hdr-blank2.jpg')";
	viewer.innerHTML='<h1 id="profilename">'+elem.id.replace("-", " ")+'</h1>';
	viewer.innerHTML+='<h2 id="role">[ '+elem.title+' ]</h2>';
	viewer.innerHTML+='<img src="images/profiles/'+elem.id+'.jpg" id="profilepic"/>';
	viewer.innerHTML+='<div id="profilebio">'+desc[0].innerHTML+'</div>';
}

//function for clearing form fields sample text when a user clicks on them (onClick) n.b form fields default value must also be referenced as the title
function clearField( obj ){ if(obj.value == obj.title){obj.value="";}}

//function for re-filling form fields if a user has not filled them in (onBlur)
function fillField( obj ){if(obj.value.length <1){ obj.value=obj.title;}}

//function for showing content in what-we-do and who-we-do-it-for pages
function fillBox( elem ){
	var divs = elem.parentNode.parentNode.getElementsByTagName("div");
	for (var i=0; i<divs.length; i++){divs[i].className="";}
	elem.firstChild.className="active";
	
	var viewer = document.getElementById("feature");
	viewer.className="featureblank";
	
	var link = elem.hash;
	var content = document.getElementById(link.substr(1)).innerHTML;
	viewer.innerHTML=content;
}