// adapted from http://www.howtocreate.co.uk/jslibs/imgRoll.js
// nice, neat little script pared down to just regular images with a hover effect

var img_cache = [];
var arr = document.images;
for (docimg in arr) {
	var img = arr[docimg];
	if(img.getAttribute) {
		if(img.getAttribute('id').substr(0, 7) == 'hover__') {
			img.hoversrc = img.getAttribute('id').substr(7);
			img.rootsrc = img.getAttribute('src');
		}
	}
	if(img.hoversrc) {
		if(!img_cache[img.src]) {
			img_cache[img.src] = new Image();
			img_cache[img.src].src = img.src;
		}
		img.onmouseout = function () { this.src = this.rootsrc; };
		if(!img_cache[img.hoversrc]) {
			img_cache[img.hoversrc] = new Image();
			img_cache[img.hoversrc].src = img.hoversrc;
		}
		img.onmouseover = function () { this.src = this.hoversrc; };
	}
}