// ATTACH ROLLOVERS
// This function loops through every image and input tag
// looking for the class "rollover", if found it then preloads
// the rollover image and attaches mouse events for the rollover
// by Tim Walling

// User Defined Variables
var erClassName = "rollover";
var erImageName = "_over";

function newImageName(oldName) {
	var newName = oldName.insert (oldName.length-4,erImageName);
	return newName;
}

function oldImageName(curName) {
	var re = new RegExp (erImageName, 'gi') ;
	var oldName = curName.replace(re, '') ;
	return oldName;
}

function attachRollovers(){
	var btnsTemp = new Array();
	var origSrc = new Array();
	var newSrc = new Array();
	var btnsImage = getElementsByClass(erClassName,'img'); // for images
	var btnsInput = getElementsByClass(erClassName,'input'); // for inputs
	var btns = btnsImage.concat(btnsInput); // combine into one array
	
	for (var i=0; i<btns.length; i++){
		origSrc[i] = btns[i].src;
		newSrc[i] = newImageName(origSrc[i]);
		btnsTemp[i] = new Image();
        btnsTemp[i].src = newSrc[i];
        btns[i].onmouseover = function() {
			var newSrcString = newImageName(this.src);
            this.setAttribute('src',newSrcString)
        }
        btns[i].onmouseout = function() {
			var oldSrcString = oldImageName(this.src);
            this.setAttribute('src',oldSrcString)
        }
	}
}
window.onload = attachRollovers;