LittleRedBumps = window.LittleRedBumps || {};

LittleRedBumps.Menu = function() {
	function _init() {
		$('#menu a').hover(
			function() { // over
				// get sub menu id
				var sub_menu_id = $(this).attr('id') + '-sub';
				if ($('#' + sub_menu_id).length > 0) { // if sub menu exists
					// prevent clicking of nav element is a submenu exists
					$(this).click(function(e) {
						e.preventDefault();
					});
					
					var sub_menu = $('#' + sub_menu_id);
					
					if (!sub_menu.is(':visible')) {
						sub_menu.show();
					} else {
						sub_menu.stop();
						sub_menu.show();
					}
				}
			},
			
			function() { // out
				var sub_menu_id = $(this).attr('id') + '-sub';
				if ($('#' + sub_menu_id).length > 0) { // if sub menu exists
					var sub_menu = $('#' + sub_menu_id);
					sub_menu.hide();
				}
			}
		);
		
		$('ul.sub').hover(
			function() {
				$(this).stop();
				
				$(this).show();
			},
			
			function() {
				$(this).hide();
			}
		);
	}
		
	return {
		init: function() {
			_init();
		},
		
		hide: function() {
			$('#menu-container').hide();
			$('#text').hide();
			$('#logos').hide();
		},
		
		show: function() {
			$('#menu-container').show();
			$('#text').show();
			$('#logos').show();
		}
	};
}();

$(document).ready(function() {
	LittleRedBumps.Menu.init();
});