var CMainMenu = jQuery.Class.create({
	level1: null,
	level2: null,
	active: null,
	current: null,
	resetTimer: null,
	
	init: function(){
		var obj = this;
		
		this.level1 = $('#menu .level-01 li.level1-item');
		this.level2 = $('#menu .level-02-wrapper');
		this.active = $('#menu .level1-item.active');
		
		this.level1.mouseenter(function(event){
			obj.switchToItem($(this));
			Cufon.refresh();
			return;
			
			obj.current = $(this);
			
			obj.level1.removeClass('active');
			$(this).addClass('active');
			
			obj.level2.hide();
			if($(this).find('.level-02-wrapper li').size()) {
				$(this).find('.level-02-wrapper').show();
			}
		}).mouseleave(function(event){
			obj.current = null;
			obj.resetTimer = setTimeout(function(){
				return function(){
					obj.resetToActive();
				}
			}(), 500);
		});
	},//---------------------------------------------------------------------
	
	switchToItem: function(item){
		this.current = item;
		
		this.level1.removeClass('active');
		item.addClass('active');
		
		this.level2.hide();
		if(item.find('.level-02-wrapper li').size()) {
			item.find('.level-02-wrapper').show();
		}
	},//---------------------------------------------------------------------
	
	resetToActive: function(){
		if(!this.current) {
			this.switchToItem(this.active);
			Cufon.refresh();
		}
	}//----------------------------------------------------------------------
});

$(document).ready(function(){
	var mainMenu = new CMainMenu();
});