$(document).ready(function()
{
	$('#nav > li > a').bind('mouseenter', function()
	{
		$('#nav li ul').hide();
		$('#nav li ul').stop();
		$(this).parent().find('ul').css({width: "0", display: "inline"}).animate({width: "195"}, 700);
	});
	
	$('#nav > li > ul').bind('mouseleave', function()
	{
		$(this).hide();
	});
});