//画像ロールオーバー関数
function rolloverImg() {
	if(!document.getElementById){
		return;
	}
	
	var imgBuff = new Array(); //画像バッファ用配列
	var imgElement = document.getElementsByTagName('img'); //img要素を取得
	var tmp;
		
	//img要素分ループ
	for(var i=0; i<imgElement.length; i++){
		//クラス名が'imgover'の場合
		if(imgElement[i].className == 'imgover'){
			var src = imgElement[i].getAttribute('src');
			//imgのファイルタイプを取得
			var ftype = src.substring(src.lastIndexOf("."), src.length);
			//ロールオーバー用画像ファイル名の設定（ロールオーバー用画像ファイル名は必ず'xxxx_over.xxx'としておく）
			var hsrc = src.replace(ftype, '_over'+ftype);
			
			imgElement[i].setAttribute('hsrc', hsrc);
			
			imgBuff[i] = new Image();	//画像バッファ生成
			imgBuff[i].src = hsrc;		//画像データ取り込み
			
			//ロールオーバー
			imgElement[i].onmouseover = function() {
				tmp = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}
			
			//ロールアウト
			imgElement[i].onmouseout = function() {
				if(!tmp) tmpSrc = this.getAttribute('src').replace('_over'+ftype,ftype);
				this.setAttribute('src', tmp);
			}
		}
	}
}

window.onload = rolloverImg;