var preLoadImg = new Object();
 
function initSwapImages(){
    $("img.swapimage").each(function(){
		var thumbSrc = this.src;
		var mainSrc = $("img.mainimage")[0].src;
        
        var swapSep = thumbSrc.lastIndexOf('_');
        var swapNum = thumbSrc.substr(swapSep,3);
        
        var sep = mainSrc.lastIndexOf('_');
        var sepSurfix = mainSrc.lastIndexOf('.');
        
        var swapSrc = mainSrc.substr(0, sep) + swapNum + mainSrc.substr(sepSurfix, 4);

        preLoadImg[mainSrc] = new Image();
        preLoadImg[mainSrc].src = swapSrc;
        
         $(this).hover(
           function() {
               mainSrc = $("img.mainimage")[0].src;
               var sep = mainSrc.lastIndexOf('_');
               var sepSurfix = mainSrc.lastIndexOf('.');
               var swapSrc = mainSrc.substr(0, sep) + swapNum + mainSrc.substr(sepSurfix, 4);
               $("img.mainimage")[0].src = swapSrc;
           },
   
           function() { 
           
	        swapSrc = $("img.mainimage")[0].src;

       		$("img.mainimage")[0].src = swapSrc; }
        );
    });
}
$(function(){
   initSwapImages();
});