/*Set image(s) class to "yawahover"*/

function initYawahover() {
	if (!document.getElementById) return;
	
	var aPreLoad = new Array();
	var tagsToConsider = new Array("img", "input");
	var sTempSrc;
	
	for (var j = 0; j < tagsToConsider.length; j++) {
		var aImages = document.getElementsByTagName(tagsToConsider[j]);
		
		for (var i = 0; i < aImages.length; i++) {
			//check for the 'yawahover' in classname
			if(new RegExp('\\byawahover\\b').test(aImages[i].className)){
				// set the src and hoversrc by changing the 
				// active|inactive keyword in src querystring
				var src = aImages[i].getAttribute('src');
				var hsrc = src.replace('-inactive', '-active');
				
				aImages[i].setAttribute('hsrc', hsrc);
				
				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;
				
				aImages[i].onmouseover = function() {
					sTempSrc = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('hsrc'));
				}
				aImages[i].onmouseout = function() {
					if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('-active', '-inactive');
					this.setAttribute('src', sTempSrc);
				}
			}
		}
	}
}

addEvent(window, 'load', initYawahover);