window.onload=rolloverInit;

function rolloverInit() {
	for(var i=0; i<document.images.length; i++)
		setupRollover(document.images[i]);
}

function setupRollover(thisImage) {
	thisImage.outImage=new Image();
	thisImage.outImage.src=thisImage.src;
	thisImage.onmouseout=rollOut;
	
	thisImage.overImage=new Image();
	thisImage.overImage.src = "Images/Thumbs/"+thisImage.id+"_hi.jpg";
	thisImage.onmouseover=rollOver;
}

function rollOver() { 
	this.src=this.overImage.src;
	switch(this.id) {
		case "marco": document.getElementById("studentname").innerHTML="Marco Hatch"; break;
		case "cynthia": document.getElementById("studentname").innerHTML="Cynthia Button"; break;
		case "talina": document.getElementById("studentname").innerHTML="Talina Konotchick"; break;
		case "christian": document.getElementById("studentname").innerHTML="Christian Anderson"; break;
		case "ed": document.getElementById("sciname").innerHTML="Ed Parnell"; break;
		case "kristin": document.getElementById("staffname").innerHTML="Kristin Riser"; break;
		case "ryan": document.getElementById("staffname").innerHTML="Ryan Darrow"; break;
	}
}

function rollOut() { 
	this.src=this.outImage.src; 
	document.getElementById("studentname").innerHTML="";
	document.getElementById("sciname").innerHTML="";
	document.getElementById("staffname").innerHTML="";
}