
function initRollovers() {
	if (!document.getElementById) return
	var aPreLoad = new Array();
	var tempSrc;
	var imgTemp = document.getElementsByTagName('img');
	var inputTemp = document.getElementsByTagName('input');
	var aImages = new Array();
	for( var i=0; i<imgTemp.length; i++ ) {
		if (imgTemp[i].className == 'imgover') {
			aImages[ aImages.length ] = imgTemp[i];
		}
	}
	for( var i=0; i<inputTemp.length; i++ ) {
		if( inputTemp[i].getAttribute('type').toLowerCase() == 'image' && inputTemp[i].className == 'imgover' ) {
			aImages[ aImages.length ] = inputTemp[i];
		}
	}
	
	for (var i = 0; i < aImages.length; i++) {		
		var src = aImages[i].getAttribute('src');
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		var hsrc = src.replace(ftype, '_ovr'+ftype);
		
		aImages[i].setAttribute('hsrc', hsrc);
		
		aPreLoad[i] = new Image();
		aPreLoad[i].src = hsrc;
		
		aImages[i].onmouseover = function() {
			tempSrc = this.getAttribute('src');
			this.setAttribute('src', this.getAttribute('hsrc'));
		}	
		
		aImages[i].onmouseout = function() {
			if (!tempSrc) tempSrc = this.getAttribute('src').replace('_ovr'+ftype, ftype);
			this.setAttribute('src', tempSrc);
		}
	}
}

window.onload = initRollovers;
