$(document).ready(function(){
  $('#nav li ul').css({       /*overrides .CSS and hides submenus*/
    display: "none",           
    left: "auto"
  });
  $('#nav li').hoverIntent(function() { /*plugin smooths everything out compared to just using hover*/
    $(this)
	  .find('ul') /*find all the children ul contained and display*/
      .stop(true, true) /* stops other animations from queing up if mouse moves to fast*/
      .slideDown('slow');
  },function() {
    $(this)
      .find('ul')
      .stop(true,true)
	.slideUp('slow');
  });
});