var previewimage;

//on page load
function spacesinit() {
	previewimage = document.getElementById('preview');
	document.getElementById('spaceslist').onmouseover = previewspace;
}

//mouseover a room in the list
function previewspace(event) {
	if (!event) event = window.event; //for IE
	var target = event.target ? event.target : event.srcElement;
	//find the list element that this event applies to
	while (target.tagName.toLowerCase() != 'li' && target.tagName.toLowerCase() != 'body')
		target = target.parentNode;
	if (target.tagName.toLowerCase() == 'li')
		previewimage.src = target.id + '.jpg';
}

//make sure a previous window.onload is not overwritten
if (window.onload) {
	var previnit = window.onload;
	window.onload = function() {
		previnit();
		spacesinit();
	}
}
else window.onload = spacesinit;