var obj = null;

   function checkHover() {
      if (obj){obj.find('ul').hide();} 
   } 


$(document).ready(function(){
  $('#navigation').addClass('jsActive');

  $('#principal> li').hover(function() {
         if (obj) {
            obj.find('ul').hide();
            obj = null;} 

         $(this).find('ul').show();
      }, function() {
         obj = $(this);
         setTimeout("checkHover()",400);
      });
	
	   
});