$(document).ready(
	function () {
		var about      = $("#about");
		var aboutMenu  = $("#about-menu");
		var events     = $("#events");
		var eventsMenu = $("#events-menu");
		
		aboutMenu.hide();
		eventsMenu.hide();
		
		/* About */
		about.mouseover(
			function () {
				about.removeClass("aboutOff");
				about.addClass("aboutOn");
			}
		);
		
		about.mouseout(
			function () {
				about.removeClass("aboutOn");
				about.addClass("aboutOff");
			}
		);
		
		about.click(
			function () {
				eventsMenu.slideUp('normal');
				aboutMenu.slideDown('normal');
			}
		);
		
		aboutMenu.mouseleave(
			function () {				
				aboutMenu.slideUp('normal');
			}
		);
		
		/* Events */
		events.mouseover(
			function () {
				events.removeClass("eventsOff");
				events.addClass("eventsOn");
			}
		);
		
		events.mouseout(
			function () {
				events.removeClass("eventsOn");
				events.addClass("eventsOff");
			}
		);
		
		events.click(
			function () {
				aboutMenu.slideUp('normal');
				eventsMenu.slideDown('normal');
			}
		);
		
		eventsMenu.mouseleave(
			function () {				
				eventsMenu.slideUp('normal');
			}
		);
		
	}
);