jQuery(document).ready(function()
{
	jQuery('.menu ul li.top').bind('mouseenter', menu_in);
	jQuery('.menu ul li.top').bind('mouseleave', menu_out);
});

function menu_in()
{
	jQuery(this).children('.down').css('opacity', '0');
	jQuery(this).children('.down').css('height', '184px');
	jQuery(this).children('.down')
		.stop()
		.animate({opacity: 1}, 500, 'linear');
}

function menu_out()
{
	jQuery(this).children('.down')
		.stop()
		.animate({opacity: 0}, 500, 'linear', function() { jQuery(this).css('height', '0px');});
}