var MainMenu = {
	menus : null,
	currentMenu : 0,
	
	init : function() {
		$(document).ready(MainMenu._init);
	},
	
	_init : function() {
		MainMenu.menus = $('#mainMenu .menu');
		
		if (!MainMenu.menus) return;
		
		MainMenu.menus.each(function(index) {
			$(this).children('.floatBox').css({'height' : '0px', 'overflow' : 'hidden', 'margin-top' : '366px'});
			
			$(this).mouseenter(MainMenu.show).mouseleave(MainMenu.hide);
		});
	},
	
	show : function(event) {
		$(this).addClass('active').children('.floatBox').animate({
			marginTop: 0,
			height: "366px"
		}, { queue:false, duration:1500 });
	},
	hide : function(event) {
		$(this).children('.floatBox').animate({
			marginTop: 366,
			height: "0px"
		}, { queue:false, duration:1500, complete: function() {$(this).parent().removeClass('active')} });
	}
}

MainMenu.init();