$('.menu > li').hover(menuOver, menuOut);

$('#testimonials').innerfade({
  timeout: 10000,
  speed: 500,
  containerheight: '450px'
});

preloadMenuImages();

function menuOver(evt) {
  $(this).children('ul').fadeIn(250);
}

function menuOut(evt) {
  $('ul.menu-sub').hide();
}

// Preload the sub-menu images, so that there's no delay
//  on first mouseover.
function preloadMenuImages() {
  var img = new Image();

  img.src = "/images/nav/increase-sales-nav-sprite.png";

  delete src;
}