MWTN.menu = {
	init: function() {
		$('ul.subnav').parent().append('<span><div></div></span>');
		// Disable standard links
		$('ul.topnav a.menu').attr('href', '');
		$('ul.topnav a.menu').click(function() {
				// Uncomment to show menuitems on click
				MWTN.menu.showMenu($(this).parent(), 'fast');
				return false;
		});
		$('ul.topnav a.menu').hover(
			function() {
				$(this).parent().find('span').addClass('ahover');
				$(this).parent().find('span div').addClass('subhover');
				// Uncomment to show menuitems on hover
				// MWTN.menu.showMenu($(this).parent(), 'slow');
			},
			function() {
				$('ul.topnav li span').removeClass('ahover');
				$('ul.topnav li span div').removeClass('subhover');
			}
		);
		$('ul.topnav li span div').click(
			function() {
				MWTN.menu.showMenu($(this).parent().parent());
			}
		).hover(
			function() {	
				$(this).addClass('subhover');
			},
			function(){
				$(this).removeClass('subhover');
			}
		);	
	},

	showMenu: function(rootEl, speed) {
		if(speed == undefined) {
			speed = 'fast';
		}
		var subnav = rootEl.find('ul.subnav');
		subnav.slideDown(speed);
		subnav.show();
		rootEl.hover(
			function() {},
			function(){	
				MWTN.menu.hideMenu($(this).parent());
			}
		);	
	},

	hideMenu: function(rootEl, speed) {
		if(speed == undefined) {
			speed = 'slow';
		}
		rootEl.find('ul.subnav').slideUp(speed);
	}
};

$(window).ready(function() {
	MWTN.menu.init();
});