Fade in Fade out and delay not working.

[bcode]

Here is my Javascript that isn't working the way I would expect I am not very fluent with javascript. Wondering where I am going wrong with it you can see the problem on this page http://gen-fan.com/AA_blackreel/index.php it isn't loading back up after the click. What am I doing wrong am I using the functions incorrectly?

 

$(document).ready(function(){
$("#response").css("display", "none");
$("#response").load("main.php");
$("#response").fadeIn(5000);

$("#home").click(function(){
	$("#response").fadeOut(5000);
	$("#response").delay(5000).load("main.php", function(){
		$("#response").fadeIn(5000);
	});
});
$("#about").click(function(){
	$("#response").fadeOut(5000);
	$("#response").delay(5000).load("about.php", function(){
		$("#response").fadeIn(5000);
	});		
});
$("#contact").click(function(){
	$("#response").fadeOut(5000);
	$("#response").delay(5000).load("contact.php", function(){
		$("#response").fadeIn(5000);
	});
});

});

[bcode]

Got it to work here is the js

$(document).ready(function(){
$("#response").css("display", "none");
$("#response").load("main.php");
$("#response").fadeIn(5000);

$("#home").click(function(){
	$("#response").fadeOut(5000, function(){
		$("#response").fadeIn(5000).load("main.php");
	});
});
$("#about").click(function(){
	$("#response").fadeOut(5000, function(){
		$("#response").fadeIn(5000).load("about.php");
	});		
});
$("#contact").click(function(){
	$("#response").fadeOut(5000, function(){
		$("#response").fadeIn(5000).load("contact.php");
	});
});

});