function init() {
	if (!document.getElementsByTagName || !document.getElementById) return;
		
	list = document.getElementById('wholist').getElementsByTagName('a');
	photos = document.getElementById('whophotos').getElementsByTagName('li');
	biogs = document.getElementById('whobiogs').getElementsByTagName('div');
	
	hideAll();
}

function showPerson(index) {
	// loop through, hiding all other biogs but showing this one
	for (var i=0; i<biogs.length; i++) {
		list[i].className = (i==index) ? 'bold' : '';
		photos[i].className = (i==index) ? 'on' : 'off';
		biogs[i].className = (i==index) ? 'show' : 'hide';
	}
	currentIndex = index;
}

function rollOver(index) {
	for (var i=0; i<photos.length; i++) {
		photos[i].className = (i==index || i==currentIndex) ? 'on' : 'off';
		list[i].className = (i==index || i==currentIndex) ? 'bold' : '';
	}
}

function hideAll() {
	for (var i=0; i<photos.length; i++) {
		photos[i].className = (i==currentIndex) ? 'on' : 'off';
		list[i].className = (i==currentIndex) ? 'bold' : '';
	}
}


var list;
var photos;
var biogs;
var currentIndex = 99;
addEvent(window, 'load', init, false);