Load em JQuery

Front-end
#1

Boa tarde galera…

bom, eu tenho um Jquery aqui que faz um LOAD na mesma página através de uma DIV…


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">
	$(document).ready(
			function() {
				var content = $('#content');

				//pre carregando o gif  
				loading = new Image();
				loading.src = 'carregando.gif';
				$('#menu a').live(
						'click',
						function(e) {
							e.preventDefault();
							content.html('<img src="carregando.gif" />');

							var href = $(this).attr('href');
							$.ajax({
								url : href,
								success : function(response) {
									//forçando o parser  
									var data = $('<div>' + response + '</div>')
											.find('#content').html();

									//apenas atrasando a troca, para mostrarmos o loading  
									window.setTimeout(function() {
										content.fadeOut('slow', function() {
											content.html(data).fadeIn();
										});
									}, 500);
								}
							});

						});
			});
</script>

</head>

<body>
	<ul id="menu">
		<li><a href="galeria.jsp">Galeria</a></li>
		<li><a href="fotos.jsp">Fotos</a></li>
		<li><a href="contato.jsp">Contato</a></li>
	</ul>

	<!-- /menu -->
	<div id="content">
		<h1>Bem Vindo!</h1>
		<p>Essa eh a home desse nome pseudo-site.</p>
	</div>
	<!-- /content -->
</body>

</html>

[color=red]Mas não é isso que eu quero…[/color]

Eu gostaria de um LOAD assim:

Eu clico em um link, ai vai pra uma outra página e na outra página o LOAD carrega… hmm… explicando melhor:

COLOCAR UM LOAD, até a página acabar de carregar por completo…

Alguém me entendeu ?

Muito obrigado amigos. :smiley:

#2