jQuery(document).ready(function(){
 
 
 
 jQuery("img.a").each(function () {    
            rollsrc = jQuery(this).attr("src");
            rollON = rollsrc.replace(/.jpg$/gi, "-o.jpg");
			jQuery(this).after('<img>').next('img').attr("src", rollON).attr("class", "b");

			
        });
 
 
 
jQuery("img.a").hover(
function() {
jQuery(this).animate({"opacity": "0"}, "fast");
},
function() {
jQuery(this).animate({"opacity": "1"}, "fast");
});
 
});