var teamPath = 'imgs/site/team/';

function showPerson(e, type){

	var id = e.id;
	var a = e.getElementsByTagName('a')[0];
	var jobPl = e.getElementsByTagName('h3')[0];
	var img = e.getElementsByTagName('img')[0];
	var title = a.title;
	
	if(type=='informal') {
		var jobTitle = title.split(':')[1].split('AKA')[1];
		var newSrc = teamPath+id+'-h.jpg';
		jobPl.style.cssText = 'color:#ff6f00; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;';

	}else {
		var jobTitle = title.split(':')[1].split('AKA')[0];
		var newSrc = teamPath+id+'.jpg';
		jobPl.style.cssText = '';
	}
	
	
	jobPl.innerHTML = jobTitle;
	img.src = newSrc;
}

function loadPersons() {
	var allPersons = $A(document.getElementsByClassName('person'));
	
	allPersons.each(
					
		function(e) {
			var img = new Image().src = teamPath+e.id+'-h.jpg';
			
			el = e.getElementsByTagName('a')[0];
			el.onmouseover = function() { 
				showPerson(e, 'informal');
			}
			el.onmouseout = function(){
				showPerson(e, 'formal');
			}	
		}
	);
}

Event.observe(window, 'load', loadPersons);