// JavaScript Document
//http://www.wardelldesign.com/
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){
	//UP
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.id+"_up.jpg";
	thisImage.onerror = thisImage;
	thisImage.onmouseout = rollOut;
	//OVER
	thisImage.clickImage = new Image();
	thisImage.clickImage.src = thisImage.id + "_down.jpg";
	thisImage.onerror = rollOut;
	thisImage.onmousedown = rollClick;
	//DOWN
	thisImage.overImage = new Image();
	thisImage.overImage.src = thisImage.id+"_over.jpg";
	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;
}