/**
 * 各画面で表示されるメニュー画像をマウスオーバーしたときの動作
 */

var RollOver = function(){
	var o = {};
	// 初期設定
	o.init = function(){
		var imgs	= document.getElementsByTagName( 'img'),
			menus	= [];
		for( var i = 0; i < imgs.length; i++){
			if( imgs[ i].className == 'imgover') menus.push( imgs[ i]);
		}
		this.menus = menus;
	};
	// イベント追加
	o.addEvent = function( target, eventName, func){
		if( target.addEventListener)
			target.addEventListener( eventName, func, false)
		else
			target.attachEvent( 'on' + eventName, func);
	};
	// メニュー画像のマウスオーバーイベント追加
	o.rollover = function(){
		for( var i = 0; i < this.menus.length; i++){
			var imgElm = this.menus[ i];
			var over = function( e){
				var target = imgElm;
				return function( e){
					var matches = target.src.match( /\.[^\.]*?$/),
						overImg	= target.src.replace( /\.[^\.]*?$/, '_on' + matches[ 0]);
					target.src = overImg;
				};
			};
			var out = function( e){
				var target = imgElm;
				return function( e){
					var matches = target.src.match( /\.[^\.]*?$/),
						outImg	= target.src.replace( /_on\.[^\.]*?$/, matches[ 0]);
					target.src = outImg;
				};
			};
			this.addEvent( this.menus[ i], 'mouseover', over());
			this.addEvent( this.menus[ i], 'mouseout', out());
		}
	};
	return o;
};
var roll = new RollOver();
roll.addEvent(
	window,
	'load',
	function( e){
		roll.init();
		roll.rollover();
	}
);