var	MenuTab = $Class({
	_className : {
		tabClass : 'on'
	},

	$init : function(obj){
		this.tabList = obj.tabList;
		this._bindEvents();
	},

	_bindEvents : function(){
		var	that = this;

		$A(this.tabList).forEach(function(v, i){
			if($$('> div', v).length > 0){
				$Fn($Fn(that._handers._tabOver, that).bind(i), that).attach(v, 'mouseover');
				$Fn($Fn(that._handers._tabOut, that).bind(i), that).attach(v, 'mouseout');
			}
		});
	},

	_handers : {
		_tabOver : function(i, e){
			$Element(this.tabList[i]).addClass(this._className.tabClass);
			e.stop();
		},

		_tabOut : function(i, e){
			$Element(this.tabList[i]).removeClass(this._className.tabClass);
			e.stop();
		}
	}
});

SPS.DOMLoad.attach(function(){
	var	tab = new MenuTab({
		tabList : $$('div.nav_tit ul.top_k_tab > li', $('nav_top'))
	})
});