function showBio(anElemID) {
	var bio = getElem(anElemID);	
	hideAll();	
	bio.style.display = 'block';
}

function hideAll() {
	var ph4 = getElem('content').getElementsByTagName('h4');
	for(var i = 0; i < ph4.length; i++) {
		var tBio = getElem('people_bio_' + i);
		if(tBio) {
			tBio.style.display = 'none';
		}
	}
}

peopleSubnav = function() {
	var subnav = getElem('people_subnav');
	var ph4 = getElem('content').getElementsByTagName('h4');
	for(var i = 0; i < ph4.length; i++) {
		var tmp = document.createElement('a');		
		var dName = ph4[i].innerHTML.split('|')[0].stripHTML().trim().toLowerCase();
		var iName = dName.replace(" ", "-");
		iName = iName.replace("'", "");
		var rMargin = 8;
		if ((i % 6) == 5) {
			rMargin = 0;	
		}
		
		subnav.innerHTML+= '<a onclick="showBio(\'people_bio_' + i + '\');" style="margin-right: ' + rMargin + 'px;"><div id="p' + i + '" class="people_thumb"><img src="../assets/ixthm/?img=/assets/images/people/' + iName + '.jpg&w=77&h=91&q=90" width="77" height="91" alt="' + dName + '"></div><div class="people_name">' + dName + '</div></a>';

	}
};

function randomImage() {
	var ph4 = getElem('content').getElementsByTagName('h4');
	var randNum = Math.floor(Math.random() * ph4.length);
	showBio('people_bio_' + randNum);	
}

addDOMLoadEvent(function(){
	peopleSubnav();
	randomImage();
});