// 画像をロールオーバーするためのJavascript
// 当ファイルを読み込ませた上で
// 画像ファイル名の末尾に_on、_offをつけることで実現
// smartOver関数にて、ID名を指定することで
// 適用範囲の調節が可能


function smartOver(){
	smartRollover('body'); //ロールオーバーを適用させたい箇所のIDを指定
}

function smartRollover(idName){
	if(document.getElementsByTagName){
		var images = document.getElementById(idName).getElementsByTagName("img");
		for(var i=0; i < images.length; i++){
			if(images[i].getAttribute("src").match("_off.")){
				fileName = new Array(images[i].getAttribute("src").replace("_off.", "_on."));
				preImages = new Array();
				for (j=0; j<fileName.length; j++){
					preImages[j] = new Image();
					preImages[j].src = fileName[j]; //「_on」の画像をプリロード
				}

				images[i].onmouseover = function(){
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on.")); //マウスオーバーで_off→_on
				}

				images[i].onmouseout = function(){
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off.")); //マウスが離れたら_on→_off
				}
			}
		}
	}
}

if(window.addEventListener){
	window.addEventListener("load", smartOver, false); //実行
}else if(window.attachEvent){
	window.attachEvent("onload", smartOver);
}else{
	window.onload = smartOver;
}