Multiple tabs with effect ajax and preload image .gif Created Nov 10, 2009

Hi,
I have multiple tabs. The sub-tabs are configured with ajax effect to bring external files.
I want the ajax loaded with preloading image, but does not work.
My code is:

$("ul.tabs1").tabs(".pane1");
$("ul.tabs2").tabs(".pane2", {effect: 'ajax'},
	function(i) {
		var pane = this.getPanes().eq(i);
		if (pane.is(":empty")) {
			pane.html('<img src="loading.gif" alt="Loading..." />');
			pane.fadeIn().animate({ opacity: 1.0 },1000);
			pane.load(this.getTabs().eq(i).attr("href"));
		}	
	});

Thank you very much.