// JavaScript Document
window.onload = rolloverInit;

function rolloverInit() {
	for (var i=0; i<document.images.length; i++) {
		if (document.images[i].parentNode.className == "Roll") {
			serupRollover(document.images[i]);
		}
	}
}
	
function serupRollover(thisImage) {
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout =rollOut;
	
	thisImage.overImage =new Image();
	thisImage.overImage.src ="images/" + thisImage.id + "_over.gif";
	thisImage.onmouseover = rollOver;
}

function rollOut() {
	this.src = this.outImage.src;
}

function rollOver () {
	this.src =this.overImage.src;
}