// JavaScript Document
//window.onload = rolloverInit;

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};



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

function setupRollover(thisImage){
	thisImage.outImage = new Image();
	thisImage.outImage.src = "../../../images/" + thisImage.id + "_up.png";
	thisImage.onmouseout = rollOut;
	
	thisImage.clickImage = new Image();
	thisImage.clickImage.src = "../../../images/" + thisImage.id + "_down.png";
	thisImage.onerror = rollOut;
	thisImage.onmousedown = rollClick;
	
	thisImage.overImage = new Image();
	thisImage.overImage.src = "../../../images/" + thisImage.id + "_hover.png";
	thisImage.onerror = rollOut;
	thisImage.onmouseover = rollOver;
	thisImage.onmouseup = rollOver;
}


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

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

function rollClick() {
	this.src = this.clickImage.src;
}