var loaded = false;

function startLoading() {
	loaded = false;
	window.setTimeout('showLoadingImage()', 10);
}

function showLoadingImage() {
	var el = document.getElementById("loader");
	if (el && !loaded) {
		new Effect.Appear('loader');
	}
}
function stopLoading() {
	Element.hide('loader');
	loaded = true;
}
Ajax.Responders.register({
	onCreate : startLoading,
	onComplete : stopLoading
});