menuTimers = {};

$(function(){
	$('.slidenav').each(
		function(){
			var myid = this.id;
			menuTimers[myid] = {timer : 0};
		}
	).mouseover(
		function(){
			showMenu(this);
		}
	).mouseout(
		function(){
			hideMenu(this);
		}
	).children(
		function(){
			$(this).mouseover(
				function(){
					showMenu(this);
				}
			).mouseout(
				function(){
					hideMenu(this);
				}
			)
		}
	);
	$('.slider').mouseover(
		function(){
			$(this).next().each(
				function(){
					showMenu(this);
				}
			);

		}
	).mouseout(
		function(){
			$(this).next().each(
				function(){
					hideMenu(this);
				}
			);
		}
	);
});

function hideMenu(id){
	clearTimeout(menuTimers[id.id].timer);
	menuTimers[id.id].timer = setTimeout("_hideMenu('"+id.id+"')", 200);
	$(id).stop(true, true);
}

function _hideMenu(strid){
	$('#'+strid).slideUp();
}

function _showMenu(strid){
	$('#'+strid).slideDown();
}

function showMenu(id){
	clearTimeout(menuTimers[id.id].timer);
	menuTimers[id.id].timer = setTimeout("_showMenu('"+id.id+"')", 70);
	$(id).stop(true, true);
}