// load events
$(initMainMenu);

// main menu
var mainmenu = {};
function initMainMenu() {
	// menu data
	mainmenu.currentmenu = null;
	mainmenu.menuitems = {
		story_nav: {trigger:$("#story_nav"), button:$("#story_button"), menu:$("#story_menu")},
		philosophy_nav: {trigger:$("#philosophy_nav"), button:$("#philosophy_button"), menu:$("#philosophy_menu")},
		products_nav: {trigger:$("#products_nav"), button:$("#products_button"), menu:$("#products_menu")},
		productinfo_nav: {trigger:$("#productinfo_nav"), button:$("#productinfo_button"), menu:$("#productinfo_menu")}
	};
		
	// menu events
	$.each(mainmenu.menuitems, function(i,val) {
		val.trigger.mouseenter(onMainMenuButtonMouseEnter);
		val.trigger.mouseleave(onMainMenuButtonMouseLeave);
	});
}

function onMainMenuButtonClick(e) {
	e.preventDefault();
}

function onMainMenuButtonMouseEnter(e) {
	showMainMenuItem(this.id);
}
	
function onMainMenuButtonMouseLeave(e) {
	hideMainMenuItem(this.id);
}

function showMainMenuItem(mid) {
	mi = mainmenu.menuitems[mid];
	mi.button.addClass("open");
	mi.menu.stop(true, true);
	mi.menu.fadeIn("fast");
}

function hideMainMenuItem(mid) {
	mi = mainmenu.menuitems[mid];
	mi.button.removeClass("open");
	mi.menu.stop(true, true);
	mi.menu.hide();
}