// JavaScript Document

$("document").ready(function(){
	$("#nav").bind("mouseenter",function(){
		$("#backgroundtrans").slideUp(500);
		}).bind("mouseleave", function(){
			$("#backgroundtrans").slideDown(500);
		});

	$("#backgroundtrans").css("height", "1px").animate({height: "200px"}, 1000, "easeOutQuad");

});