$(function(){
	var btn = $('#categories-trigger');
	var submenu = $('#submenu');
	
	var pos = $(btn).position();
	$(submenu).css({
		'left': pos.left + 'px',
		'top': '35px'
	});
	
	var interval;
	$('#categories-trigger, #submenu').hover(
		function(){
			clearTimeout(interval);
			show();
		},
		function(){
			interval = setTimeout(function(){ hide(); }, 400);
		}
	);
	
	function show()
	{
		$(submenu).fadeIn();
	}
	
	function hide()
	{
		$(submenu).fadeOut();
	}
});