/* ------------------------------------------------------------------------
ロールオーバー
【使用方法】（なるべくタグ内にて）
【パラメータの説明】
オブジェクトリテラルで指定
hclass: 差し替えするIMGタグのクラス名（default:"imgover"）
suffix: マウスオーバー時のファイル名末尾（default:"_o"）
HTML: (rollover_o.gif)
------------------------------------------------------------------------ */
var RollOver = Class.create();
RollOver.prototype = {
initialize: function(option) {
var props = {
hclass : "imgover",
suffix : "_o"
};
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');
//preload & add handler
(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();
});