$(document).ready(function () {
	$("#menu .links ul li").append("<span></span>");
	
	$("#menu .links ul li").mouseover(function () {
		$("a", this).stop();
		$("span", this).stop();
		
		$("a", this).css("background-color", "#ececec");
		if ($(this).hasClass("current")) {
			$("a", this).css("background-color", "#f4f4f4");
		}
		$("a", this).animate({
			backgroundColor: "#f5ffde"
		}, 500);
		$("span", this).animate({
			left: "0%",
			right: "0%"
		}, 500);
	});
	
	$("#menu .links ul li").mouseout(function () {
		$("a", this).stop();
		$("span", this).stop();
		
		$("a", this).animate({
			backgroundColor: "#ececec"
		}, 500, function () {
			$(this).css("background-color", "transparent");
			if ($(this).parent().hasClass("current")) {
				$(this).css("background-color", "#f4f4f4");
			}
		});
		$("span", this).animate({
			left: "50%",
			right: "50%"
		}, 500);
	});
});