var RollOver = Class.create();
RollOver.prototype = {
initialize: function(option) {
  var props = { //外部から指定可能に
    hclass : "rollover", //class=rolloverの要素が対象
    suffix : "_on" //オーバー画像はファイル名に_onが付いてること
  };
  if(option) for(var key in option) props[key] = option[key];
  $$('img.'+props.hclass,'input.'+props.hclass).each(
    function(el){
      var osrc = el.getAttribute('src');
      if (!osrc) return;
      var hsrc = osrc.replace(/(\.gif|\.jpg|\.png)/,props.suffix+'$1');
      (new Image()).src = hsrc; //キャッシュに読込む
      el.observe("mouseover",function(){
        el.setAttribute('src', hsrc);
      }).observe("mouseout",function(){
        el.setAttribute('src', osrc);
      });
    }
  );
}
}//prototype
Event.observe(window,'load',function(){new RollOver();});