/*---------------------------------------------------------
ボタンホバー用JavaScript
---------------------------------------------------------*/
// イベントハンドルの設定
Event.observe(window, "load", setEventHandle, false);
/*---------------------------------------------------------
イベントハンドラの紐付け
---------------------------------------------------------*/
function setEventHandle() {
var imgChangeButtons = document.getElementsByClassName("img_change_button_gif");
imgChangeButtons.each(function(obj) {
Event.observe(obj, "mouseover", function(){ buttonMouseOverGif(obj);}, false);
Event.observe(obj, "mouseout", function(){ buttonMouseOutGif(obj);}, false);
});
imgChangeButtons = document.getElementsByClassName("img_change_button_jpg");
imgChangeButtons.each(function(obj) {
Event.observe(obj, "mouseover", function(){ buttonMouseOverJpg(obj);}, false);
Event.observe(obj, "mouseout", function(){ buttonMouseOutJpg(obj);}, false);
});
}
/*---------------------------------------------------------
マウスオーバーで画像を変更(gif版)
---------------------------------------------------------*/
function buttonMouseOverGif(obj) {
if ( obj.src.indexOf("_current") == -1 ) {
obj.src = obj.src.replace(".gif", "_over.gif");
}
}
/*---------------------------------------------------------
マウスアウトで画像を変更(gif版)
---------------------------------------------------------*/
function buttonMouseOutGif(obj) {
obj.src = obj.src.replace("_over.gif", ".gif");
}
/*---------------------------------------------------------
マウスオーバーで画像を変更(jpg版)
---------------------------------------------------------*/
function buttonMouseOverJpg(obj) {
if ( obj.src.indexOf("_current") == -1 ) {
obj.src = obj.src.replace(".jpg", "_over.jpg");
}
}
/*---------------------------------------------------------
マウスアウトで画像を変更(jpg版)
---------------------------------------------------------*/
function buttonMouseOutJpg(obj) {
obj.src = obj.src.replace("_over.jpg", ".jpg");
}