// Hero box hover function
function heroToggle() {
	$(this).find('.popup-content').slideToggle();
}

// Navigation hover function
function navHoverIn() {
	$(this).addClass('hover');
}
function navHoverOut() {
	$(this).removeClass('hover');
}

$(document).ready(function() {
	// Animate the hero boxes
	$('.hero-popup').hoverIntent({
		over: heroToggle,
		timeout: 700,
		out: heroToggle
	});
	
	// Display sub-navigation
	$('#mainNavigation>ul>li').hoverIntent({
		over: navHoverIn,
		timeout: 400,
		out: navHoverOut,
		interval: 1
	});
});