// イベントハンドルの設定
Event.observe(window, "load", setEventHandle, false);

// イベントハンドラの紐付け
function setEventHandle() {
	var imgChangeButtons = document.getElementsByClassName("img_change_button");
	imgChangeButtons.each(function(obj) {
		Event.observe(obj, "mouseover", function(){ buttonMouseOver(obj);}, false);
		Event.observe(obj, "mouseout", function(){ buttonMouseOut(obj);}, false);
	});
}

// マウスオーバーで画像を変更
function buttonMouseOver(obj) {
	if ( obj.src.indexOf("_c.") == -1) {
		obj.src = obj.src.replace(".jpg", "_h.jpg");
	}
}

// マウスアウトで画像を変更
function buttonMouseOut(obj) {
  obj.src = obj.src.replace("_h.jpg", ".jpg");
}

