addHandler(window, "load", initiateEventHandlers);
addHandler(window, "load", initiatePreview);

// Show a preview image of a selected project, and display title
function setMemberImage(e)
{
	//find what triggered this e
	var me = getActivatedObject(e);
	var memberImg = document.getElementById('member_name');
	memberImg.src = '/europaeum/files/map/' + me.alt + '.jpg';
}

function initiateEventHandlers() 
{
	var mapAreas = document.getElementById('member_map_coords').getElementsByTagName('area');
	for (var i = 0; i < mapAreas.length; i++) 
	{
		var thisArea = mapAreas[i];
		addHandler(thisArea, "mouseover", setMemberImage);
	}
}

// Add e handler in browser agnostic fashion
function addHandler(object, eventName, handlingFunction)
{
	if (document.addEventListener) {
		//FF, Safari, etc
		object.addEventListener(eventName, handlingFunction, false);
	}
	else if (document.attachEvent) {
		//IE
		object.attachEvent('on' + eventName, handlingFunction);
	}
}

// find the object that triggered an event
function getActivatedObject(e)
{
	var obj;

	if (!e) {
		//early IE
		obj = window.event.srcElement;
	}
	else if (e.srcElement) {
		//IE 7
		obj = e.srcElement;
	}
	else {
		// DOM Level 2 browser
		obj = e.target;
	}
	return obj;
}