/* 
imgタグのsrcを解析して、特定の文字列が入っていた場合、
マウスオーバー用の画像を事前にプリロードし、
マウスオーバーでその画像のsrcの「特定の文字列」の箇所を指定している「文字列」に置き換える
マウスアウトで、その画像のsrcをデフォルトの画像へ戻す。

exmaple_off.jpgをexample_on.jpgへマウスオーバーする場合は、
defalt_name="_off.";
over_name="_on.";
の様に置き換える箇所を指定する。最後に拡張子の.を入れておいた方が誤作動の可能性が低い

@ charlie
 */
function rollover_img(){
	//マウスオーバーさせるimgのファイル名の一部（必須）
	var defalt_name="_off.";
	
	//マウスオーバー時に上記で指定した箇所を置き換える文字（必須）
	var over_name="_on.";
	
	if(document.getElementsByTagName){
		if(defalt_name == "" || over_name == ""){
			alert("error function swap_img()");
		}
		
		var images = document.getElementsByTagName("img");
		var preloadimg=new Array();
		
		for(var i=0; i<images.length; i++){
			if(images[i].getAttribute("src").match(defalt_name)){
				var overimg=images[i].getAttribute("src").replace(defalt_name,over_name);
				preloadimg[i]=new Image();
				preloadimg[i].src=overimg;
				
				images[i].onmouseover=function(){
					this.setAttribute("src",this.getAttribute("src").replace(defalt_name,over_name));
				}
				images[i].onmouseout=function(){
					this.setAttribute("src",this.getAttribute("src").replace(over_name,defalt_name));
				}
			}
		}
	}

}


if(window.addEventListener) {
	window.addEventListener("load", rollover_img, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", rollover_img);
}