$(document).ready(function() {
          $(".roll").each(function() {
             rollsrc = $(this).attr("src");
              rollON = rollsrc.replace(/.`png$/ig, "_over.png");
              $("<img>").attr("src", rollON);
          });

    $(".roll").mouseover(function() {
         imgsrc = $(this).attr("src");
         matches = imgsrc.match(/_over/);
         if (!matches) {
           imgsrcON = imgsrc.replace(/.png$/ig, "_over.png"); 
           $(this).attr("src", imgsrcON);
              }
          });
          $(".roll").mouseout(function() {
              $(this).attr("src", imgsrc);

          });
      });