var currentListItem = null;
var currentTimer = null;

$(document).ready(function(){
	$('#nav li.top').mouseenter(function(){
		if($(this) != currentListItem && currentListItem != null){
			rollOut();
		}
		currentListItem = $(this);
		clearTimeout(currentTimer);
		$(this).addClass('hover');
	});
	
	$('#nav li.top').mouseleave(function(){
		currentTimer = setTimeout(rollOut, 100);
	});
});

function rollOut(){
	currentListItem.removeClass('hover');
	currentListItem = null;
	clearTimeout(currentTimer);
}