/* 共通ロールオーバーイベント
************************************************************/

function roEvent() {
	var allImg = document.getElementsByTagName('img');
	var allInput = document.getElementsByTagName('input');
	for (var i = 0; i < allImg.length; i++) {
		if (allImg[i].className == 'roBtn') {
			runROEvent(allImg[i]);
		}
	}
	for (var i = 0; i < allInput.length; i++) {
		if (allInput[i].className == 'roBtn') {
			runROEvent(allInput[i]);
		}
	}
}

function runROEvent(roImg) {
	roImg.onmouseover = function() {
		var src = this.getAttribute("src");
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		this.setAttribute("src", src.replace(ftype, "_o" + ftype));
	}	
	
	roImg.onmouseout = function() {
		var src = this.getAttribute("src");
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		this.setAttribute("src", src.replace("_o" + ftype, ftype));
	}
}

/* 実行処理
************************************************************/

window.onload = function() {
	roEvent();
}