// JavaScript for staff page

function setupStaffPage() {
	// Runs onload
	var div = document.getElementById('thumbnails');
	var images = div.getElementsByTagName('img');
	for( i=0; i<images.length; i++ ) {
		var node = images[i];
		while( node.tagName != 'A' ) {
			node = node.parentNode;
		}
		addEvent(node,'mouseover',highlightName);
		addEvent(node,'mouseout',noHighlightName);
		
		var dt = document.getElementById(images[i].id.substring(0,images[i].id.indexOf('-img')));
		var a = dt.getElementsByTagName('A')[0];
		addEvent(a,'mouseover',highlightImage);
		addEvent(a,'mouseout',noHighlightImage);
	}
	
}

function setClass(node,className) {
	node.className = className;
	if( node.tagName == 'DT' ) {
		while( node.tagName != 'DD' ) {
			node = node.nextSibling;
		}
		node.className = className;
	}
}

function highlightName(evt) {
	var image = findEventOwner(evt);
	if( image.tagName != 'IMG' ) {
		var image = image.getElementsByTagName('IMG')[0];
	}
	setClass(image,'highlighted');
	var dt = document.getElementById(image.id.substring(0,image.id.indexOf('-img')));
	setClass(dt,'highlighted');
	return;
}
function noHighlightName(evt) {
	var image = findEventOwner(evt);
	if( image.tagName != 'IMG' ) {
		var image = image.getElementsByTagName('IMG')[0];
	}
	setClass(image,'');
	var dt = document.getElementById(image.id.substring(0,image.id.indexOf('-img')));
	setClass(dt,'');
	return;
}

function highlightImage(evt) {
	var dt = findEventOwner(evt);
	while( dt.tagName != 'DT' ) {
		dt = dt.parentNode;
	}
	var image = document.getElementById(dt.id + '-img');
	image.className = 'highlighted';
	setClass(dt,'highlighted');
	return;
}

function noHighlightImage(evt) {
	var dt = findEventOwner(evt);
	while( dt.tagName != 'DT' ) {
		dt = dt.parentNode;
	}
	var image = document.getElementById(dt.id + '-img');
	image.className = '';
	setClass(dt,'');
	return;
}