$(document).ready(function () {
  // find the elements and hook the hover event
  $('td.headernav').hover(function() {
    var slide = $('> .headernavsub', this);

    if (!slide.hasClass('open')) {
      slide.fadeIn(250);
      slide.addClass('open');
    }
  }, function() {
    var slide = $('> .headernavsub', this);

    
    if (slide.delay(250).hasClass('open')) {
      slide.fadeOut(250);
      slide.removeClass('open');
    }
  });
  $('.headernavsub li').hover(function() {
    var slide = $('> .headernavsubsub', this);

    if (!slide.hasClass('open')) {
      slide.fadeIn(250);
      slide.addClass('open');
    }
  }, function() {
    var slide = $('> .headernavsubsub', this);

    if (slide.hasClass('open')) {
      slide.fadeOut(250);
      slide.removeClass('open');
    }
  });
});