/* --- 通常画像ロールオーバー（class="rollover"） --- */
function initRollOvers() {
	if (!document.getElementById){
		return;
	}
	
	var preLoads = new Array();
	var allImages = document.getElementsByTagName('img');

	for (var i = 0; i < allImages.length; i++) {		
		if (allImages[i].className == 'rollover') {
			var src = allImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var oSrc = src.replace(ftype, '_on'+ftype);

			//-- スワップ元、スワップ先画像の登録
			allImages[i].setAttribute('pSrc', src);
			allImages[i].setAttribute('oSrc', oSrc);

			//-- イメージのプリロード
			preLoads[i] = new Image();
			preLoads[i].src = oSrc;

			//-- イベントの設定
			allImages[i].onmouseover = function() {
				this.setAttribute('src', this.getAttribute('oSrc'));
			}
			allImages[i].onmouseout = function() {
				this.setAttribute('src', this.getAttribute('pSrc'));
			}
		}
	}
}

window.onload = initRollOvers;


/* ---------------------------------------------------------
 　★ ロールオーバー
		：使用方法：
		ロールオーバーさせたい画像ファイル名を～_on、～_off
		にして<img>タグにclass="over"をつけるだけ！
--------------------------------------------------------- */

/* preload function */
function preLoadImg(){
	if(document.images){
		var loadedImg = new Array();
		var arg = preLoadImg.arguments;
		for(i=0;i<arg.length;i++){
			loadedImg[i] = new Image();
			loadedImg[i].src = arg[i];
		}
	}
}
/* rollover function */
function setRollOver(){
	if(!document.getElementsByTagName) return false;
	var ovrImgList = document.getElementsByTagName("input");
	for(var i=0;i<ovrImgList.length;i++){
		if(ovrImgList[i].className.match("btnover")){
			preLoadImg(ovrImgList[i].src.replace(/_off./i,"_on."));
			ovrImgList[i].onmouseover = function(){
				this.src = this.src.replace(/_off./i,"_on.");
				return false;
			}
			ovrImgList[i].onmouseout = function(){
				this.src = this.src.replace(/_on./i,"_off.");
				return false;
			}
		}
	}
}
/* set event */
if(window.addEventListener){
	window.addEventListener("load",setRollOver,false);
}else if(window.attachEvent){
	window.attachEvent("onload",setRollOver);
}