/**
setAttribute()メソッドを使って画像のマウスオーバー／マウスアウトイベントを実装する。

■引数
 id, rollover時の画像パス, rollout時の画像パス, ... 
 をロールオーバーしたい画像の数だけ繰り返す
 
■使い方
var myMethod = new onRollOverIMG( 'ID1', 'img/m1.gif', 'img/m1a.gif', 'ID2', 'img/m2.gif', 'img/m2a.gif',...);
*/
var onRollOverIMG = function(){

	//onMouseOver, onMouseOutを追加していく
	for ( var j = 0; j < arguments.length; j+=3 ) {
		
		//マウスイベント用メソッドの生成
		var func1 = "this.src='" + arguments[j+1] + "'";	//rollOut時
		var func2 = "this.src='" + arguments[j+2] + "'";	//rollOver時
		
		//ブラウザ別の設定：IEはマウスイベント名を全て小文字で
		if( document.all ){ /*IE系*/
			document.getElementById( arguments[j] ).setAttribute( 'onmouseover', new Function( func2 ) );
			document.getElementById( arguments[j] ).setAttribute( 'onmouseout', new Function( func1 ) );
		} else {	/*非IE系*/
			document.getElementById( arguments[j] ).setAttribute( 'onMouseOver', func2 );
			document.getElementById( arguments[j] ).setAttribute( 'onMouseOut', func1 );
		}
	}
	
};