//rollover属性の画像パスをsrcと同じにする
//true:srcと同じパス、false:rollover属性値のまま
var autopath = true;

/**
 * ロールオーバー効果設定処理
 * 現在のHTMLドキュメントの中からrollover属性を設定しているimgタグに、
 * ロールオーバー、ロールアウトの関数を設定する
 * HTMLには、以下のような感じで、rollover属性にてロールオーバー時の画像を指定する
 * <img src="img/off.jpg" rollover="img/on.jpg" />
 */
function initRollOvers() {
	var imgtags = document.getElementsByTagName("img") ;
	
	for ( var i = 0 ; i < imgtags.length ; i++ ) {
		var imgtag = imgtags[i] ;
		
		var overurl = imgtag.getAttribute("rollover") ;
		if ( overurl ) {
			var path="",filename=overurl ;
			if ( autopath ) {
				path = imgtag.getAttribute("src") ;
				path = getPath( path ) ;
				filename = getFilename( overurl ) ;
			}
			setRollOver(imgtag, path + filename) ;
		}
	}
}
function getPath(src) {
	if ( src.lastIndexOf("/") > -1 ) {
		src = src.substring(0, src.lastIndexOf("/")+1) ;
	} else if ( src.lastIndexOf("\\") > -1 ) {
		src = src.substring(0, src.lastIndexOf("\\")+1) ;
	}
	return src ;
}
function getFilename(src) {
	if ( src.lastIndexOf("/") > -1 ) {
		src = src.substring(src.lastIndexOf("/")+1) ;
	} else if ( src.lastIndexOf("\\") > -1 ) {
		src = src.substring(src.lastIndexOf("\\")+1) ;
	}
	return src ;
}

/**
 * 画像ロールオーバー処理
 * @param imgobj imgタグ
 * @param overurl ロールオーバー時に表示する画像ファイル
 */
function setRollOver(imgobj, overurl) {
	if ( typeof imgobj == "string" ) {
		//imgobjが文字列(string)の場合、imgオブジェクトに変換する
		//imgobjに格納されている値は、id属性値とみなす
		
		var imgid = imgobj ;
		imgobj = null ;
		
		if ( document.getElementById ) imgobj = document.getElementById(imgid) ;
		else if ( document.all ) imgobj = document.all[imgid] ;
		
		if ( !imgobj ) imgobj = document.images[imgid] ;
		
		//画像が見つからなかった場合は、エラー表示も何もせずにリターンする。
		if ( !imgobj ) return ;
	}
	
	//指定されたオブジェクトがimgタグではなかったら、エラー表示も何もせずにリターンする。
	if ( imgobj.tagName.toLowerCase() != "img" ) return ;
	
	//変更前の画像のURLを記憶する
	var defaulturl = imgobj.src ;
	
	//ロールオーバーで表示する画像をキャッシュに格納する
	(new Image()).src = overurl ;
	
	//ロールオーバーを設定
	imgobj.onmouseover = function() { imgobj.src = overurl ; }
	//ロールアウトを設定
	imgobj.onmouseout = function() { imgobj.src = defaulturl ; }
}

if ( window.addEventListener )
	window.addEventListener( "load" , initRollOvers , false ) ;
else if ( window.attachEvent )
	window.attachEvent( "onload" , initRollOvers ) ;