var rolloverules = {
	'#rollover li' :function(el) {
		var srcdiv = "div"+el.id;
		Event.observe(el,'mouseover',switcheroo.bindAsEventListener($(srcdiv)),false);
		Event.observe(el,'mouseover',function(evt){this.className+=" over";}.bindAsEventListener(el),false);
		Event.observe(el,'mouseout',function(evt){this.className="";}.bindAsEventListener(el),false);
	 }
};

Behaviour.register(rolloverules);

function switcheroo () {
	$('resultdiv').innerHTML = this.innerHTML;
}
	
function imageOver(thisImage, thisId){
	document.getElementById(thisImage).src='images/arrowDown.gif';
	document.getElementById(thisId).style.visibility='visible';
	document.getElementById(thisId).style.position='relative';
	return;	
}	
function imageOut(thisImage,thisId){
document.getElementById(thisImage).src='images/arrowLeft.gif';
	document.getElementById(thisId).style.visibility='hidden';
	document.getElementById(thisId).style.position='absolute';
	return;		
}