Que no desaparezca el gif hasta cargar todas las imágenes

[Luisa29]

Hola amigos, resulta que tengo este código:

Código:

var disc = function(div,of){
	$(div).html("<img src='loading.gif' id='load'>");
	var ajax = $.ajax({url : of, type : "GET"});
	ajax
		.done(function(response){
			Commons.socialDone(div, response);
			FB.XFBML.parse(document.getElementById('comentarios'));
   twttr.widgets.load();
		})
		.fail(function(){
			Commons.socialFail(div);
		});
}

Commons = {
    socialDone : function (div, response) {
		$(div)
			.hide()
			.html(response)
			.fadeIn('slow');
	},

    socialFail : function (div) {
		$(div)
			.hide()
			.html("<p>error</p>")
			.fadeIn('slow');
		
	}
}

Que antes de cargar el div muestra un gif animado. Pues bien, el gif animado desaparece y en el div aún no se han cargado las imágenes, y aparecen cargándose. Me gustaría que el gif permaneciese hasta que estuviese todo cargado, imágenes, texto, código... ¿Cómo podría modificarlo para que así sucediese? Gracias.