var isHovered = false;
var MegaMenu = {};

MegaMenu.Init = function() {
   var $submenu = $(".submenu");
   var $community = $("#community");
   
   
   $submenu.hide();
   
   $community.hover(

   function () {
	   
	   if(isHovered) return;
	   
	    $(this).addClass('selected');
		
	    isHovered = true;
		$(this).next().show(400,function(){
							isHovered = false;			 
						});
   },
   function () {

    }
	
  );
   
  $submenu.hover(

   function () {
		
   },
   function () {
	   if(isHovered) return;
	   
	   $(this).prev().removeClass('selected');
	   isHovered = true;
		$(this).hide(400,function(){
					isHovered  = false;				  
				});
    }
	
  );
   
};

$(document).ready(function(){
	MegaMenu.Init();			   
});