/*---------------------------------------------------------
 ボタンホバー用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");
}