// fxRollOver() v1 2006.07.11
// Developed by HTMLfx.com
// URL: http://www.htmlfx.com/code/javascript/
// Required: Must be executed onload to preload images i.e. <body onload="fxRollOver()">
// Usage: Add a src2 atrribute to your <img> tag i.e. <img src="image1.gif" src2="image2.gif">
function fxRollOver() {
  if (!document.getElementById) return
  var imgOriginSrc;
  var imgTemp = new Array();
  var imgarr = document.getElementsByTagName('img');
  for (var i = 0; i < imgarr.length; i++) {
    if (imgarr[i].getAttribute('src2')) {
        imgTemp[i] = new Image();
        imgTemp[i].src = imgarr[i].getAttribute('src2');
		imgarr[i].onmouseover = function() {
			imgOriginSrc = this.getAttribute('src');
            this.setAttribute('src',this.getAttribute('src2'));
        }
        imgarr[i].onmouseout = function() {
			if (imgOriginSrc == null){
				imgOriginSrc = this.getAttribute('src');
			}
			this.setAttribute('src',imgOriginSrc);
			
        }
    }
  }
}