//this script loops through all images on the page and adds hover swapping on images with class="hover"

function hoverSwap(imageURL) {
   var srcArray = new Array();
   srcArray = imageURL.split('/');
   pathNum=srcArray.length;
   srcArray[pathNum-1]='hover_'+srcArray[pathNum-1];
   hoverSrc="";
   for (var x=0; x<pathNum; x++) { hoverSrc=hoverSrc+'/'+srcArray[x]; }
   hoverSrc=hoverSrc.substring(1);
   return hoverSrc;
}

function hoverRestore(imageURL) {
   var srcArray = new Array();
   srcArray = imageURL.split('/');
   pathNum=srcArray.length;
   newSrc=""+srcArray[pathNum-1];
   srcArray[pathNum-1]=newSrc.substring(6);
   hoverSrc="";
   for (var x=0; x<pathNum; x++) { hoverSrc=hoverSrc+'/'+srcArray[x]; }
   hoverSrc=hoverSrc.substring(1);
   return hoverSrc;
}

function hoverImages() {
 var images = getElementsByClass("hover");
 for (var i=0; i<images.length; i++) {
   var image = images[i];
   if (image.getAttribute("src")) {
   image.onmouseover = function () { this.src=hoverSwap(this.src); }
   image.onmouseout = function () { this.src=hoverRestore(this.src); }
   preload= new Image(); 
   preload.src=hoverSwap(image.getAttribute("src")); 
   }
 }
}
addLoadEvent(hoverImages);