$(document).ready(function(){
  // 各カテゴリ毎で画像を管理しているので、独自のマウスオーバー関数を使う
  $(function(){
    $('img.rollover').not('[src*="'+ '_banner' +'."]').each(function() {
      var img = $(this);
      var src = img.attr('src');
      var src_on = src.substring( 0, src.search(/_main/) ) + '_banner' + src.match(/(\.[a-z]+)$/)[0];
      // ロールオーバー画像をプリロード
      $('<img>').attr('src', src_on);
        img.hover(
          function() { img.attr('src', src_on); },
          function() { img.attr('src', src); }
      );
    });
  });
});