/* ------------------------------------------------------------------------
ロールオーバー
Copyright (c) 2009, Matsumoto.JS All rights reserved.
【使用方法】（なるべくタグ内にて）
【パラメータの説明】
オブジェクトリテラルで指定
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();});
/* ------------------------------------------------------------------------
セルフリンク（現在のページにリンクされている画像を差し替える）
Copyright (c) 2009, Matsumoto.JS All rights reserved.
【使用方法】（なるべくタグ内にて）
HTML: (menu_h.gif)
【パラメータの説明】
オブジェクトリテラルで指定
hclass: 差し替えするIMGタグのクラス名（default:"selflink"）
suffix: ハイライト時のファイル名末尾（default:"_h"）
------------------------------------------------------------------------ */
var SelfLink = Class.create();
SelfLink.prototype = {
initialize: function(option) {
var props = { hclass : "selflink", suffix : "_h" };
if(option) for(var key in option) props[key] = option[key];
$$('a.'+props.hclass).each( function(el){
var href = el.getAttribute('href');
//pathname==href ?
if (location.pathname != href) return;
el.select('img').each( function(img){
var osrc = img.getAttribute('src');
if (!osrc) return;
img.src = osrc.replace(/(\.gif|\.jpg|\.png)/,props.suffix+'$1');
//remove rollOver events
img.stopObserving("mouseover");
img.stopObserving("mouseout");
});
});
}
}//prototype