var menuTimeout = {};

$(function() {
	
	$('dl.dropdown').each(function() {
		$(this).data('defaultHeight', $(this).find('dd').height());
		menuTimeout[$(this).find('dd').attr('id')] = false;
	});
	
	$('dl.dropdown').hover(
		function() {
			if (menuTimeout[$(this).find('dd').attr('id')] != false) {
				clearTimeout(menuTimeout[$(this).find('dd').attr('id')]);
				menuTimeout[$(this).find('dd').attr('id')] = false;
			} else {
				$(this).find('dd')
					.show().css('opacity', 0).css('height', 0)
					.animate({ opacity: 1.0, height: $(this).data('defaultHeight') }, 250);
			}
		},
		function() {
			menuTimeout[$(this).find('dd').attr('id')] = setTimeout(
				'$("#'+$(this).find('dd').attr('id')+'").animate({ opacity: 0.0, height: 0 }, 250);'
				+ 'menuTimeout["'+$(this).find('dd').attr('id')+'"] = false;'
			, 250);
		}
	);
	
	$('dl.dropdown li a').hover(
		function() {
			$(this).addClass('hover');
		},
		function() {
			$(this).removeClass('hover');
		}
	)
	
});