[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

[Z3R0N3]

He remodelado el código y lo pongo aquí para que puedan verlo el resto de usuarios que tengan éste problema, ya consigo hacer el efecto, pero sigue con problemas...

El efecto lo hace pero cuando pulso los enlaces, primero se carga el contenido (que lo cargo mediante ?id= en php), luego hace el efecto de fadeIn del contenido y muestra la barra de carga, y después hace el efecto de fadeOut, la cosa está en que primero haga el efecto de FadeIn, y luego en el efecto de FadeOut muestre el nuevo contenido cargado mediante ?id= en php.

¿Alguna idea?, Gracias señores, aquí os dejo el code:

Código:

$(document).ready(EfectoContenido);

function EfectoContenido ()
{
   $("a").each(function ()
        {
        var href = $(this).attr("HREF");
        $(".containerC").fadeOut("slow", loaditems);
        $(".load").remove();
        $(".carga").append('<DIV CLASS="load"></DIV>');
        $(".load").fadeIn('normal');

        function loaditems()
        {
            $(".containerC").fadeIn("slow", hideLoader, href);
        }
        function hideLoader()
        {
            $(".load").fadeOut("normal");
        }

return this;
        });
}

Gracias de Antemano Y Salu2