Inserire loader durante chiamata ajax

[againhere]

var xmlhttpPost = (function () {

    function reqListener () {
        alert(this.responseText);
        oWait.parentNode && oWait.parentNode.removeChild(oWait);
    }

    function reqError (oEvent) {
        alert("C\'\u00E8 stato un errore durante la chiamata AJAX.");
        oWait.parentNode && oWait.parentNode.removeChild(oWait);
    }

    var oWait = document.createElement("div");

    /* "oWait" e' un div... ci puoi mettere dentro tutto quello che ti pare... */
    oWait.appendChild(document.createTextNode("Attendi..."));

    return function (sURL) {
        var oReq = new XMLHttpRequest();
        oReq.onload = reqListener;
        oReq.onerror = reqError;
        oReq.open("GET", sURL, true);
        oReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        oReq.send(recuperaValore());
        oWait.parentNode || document.body.appendChild(oWait);

    };

})();

non mi è chiaro, devo eliminare il mio codice e sostituirlo con quello oppure devo aggiungerlo al mio?
ho provato in tutti e due i modi ma niente non va, o meglio funziona ma la scritta attendi alla fine non va via

via //Se lo stato è completo
if (self.xmlHttpReq.readyState == 4) {

document.getElementById( 'loader' ).removeChild( tuaGif );

/* Aggiorno la pagina con la risposta ritornata dalla precendete richiesta dal web server.Quando la richiesta è terminata il responso della richiesta è disponibie come responseText.*/
aggiornaPagina(self.xmlHttpReq.responseText);
}

non so perchè ma non funziona neanche quast'altra soluzione potreste farmi un esempio concreto?
grazie mille =)