[AYUDA] Problema con carga de enlaces [Z3R0N3]

[Z3R0N3]

Muy buenas Srs, tengo un problema con un script para mostrar una barra de carga mientras carga los enlaces.

Los enlaces funcionan mediante "ID=?" y funcionan y cargan bien, el problema está al usar el JS para el efecto.

He intentando debuggear el código todo lo que he podido pero sigue sin salirme... espero que me puedan ayudar y muchisimas gracias de antemano.

El código es el siguiente:

.JS

Código:

var x;
x=$(document);
x.ready(CargaS);

function CargaS () 
{  
$("a").click(Carga);
$("ul span").click(Carga);

	function Carga()
	{
	var notification;
	notification=notification || function (evento)
		{
			evento.preventDefault();
				$(".load").remove();
				$(".carga").append('<DIV CLASS="load"></DIV>');
				$(".load").fadeIn('normal', hideLoader);
						function hideLoader()
						{
						$(".load").fadeOut("normal");
						}
		}
	$(this).click(function () {
	$(this).html(notification);
});
return this;
}
}

.CSS

Código:

div.carga {
	position: absolute;
	right: 220px;
	width: 220px;
	z-index: 1;
}

div.load {
	border: none;
	display: none;
	background: url(../images/ajax-loader.gif) no-repeat;
	height: 19px;
	z-index: 1;
}

Espero que me puedan ayudar. Gracias y Salu2