Como poner un loader en AJAX?

[CyberWars]

Hola bueno tengo un problema no se como poner un loader al cargar el contenido, no se como hacerlo. Aquí les dejo el código que uso para cargar el contenido. Saludos...

Código:

// Creación del objeto XMLHttpRequest.
function nuevoAjax(xmlhttp){

    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

// Función para cargar los contenidos de forma asíncrona.
//  + pagina: fichero cuyo contenido queremos cargar.
//  + identidicador del elemento en el que se cargará el nuevo contenido.
function cargarContenido(pagina,destino){
    var contenedor;
    var ajax;

    contenedor = document.getElementById(destino);
    ajax = nuevoAjax(ajax);
    ajax.open("GET", pagina, true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText;	
        }
    }
    ajax.send(null);
}

[ElAthlit]

Si te refieres a poner la típica imagen de que está cargando, dicha imagen no es más que un gif animado. Por lo tanto, al inicio de tu Script simplemente cambia el contenido de tu capa donde vas a mostrar el contenido Ajax por el gif, y al tener la respuesta Ajax pones el contenido en la misma capa.

Un saludo.

[CyberWars]

Me podrías ayudar a colocarlo en el script, que tengo que poner y donde?

[ElAthlit]

Después de:
contenedor = document.getElementById(destino);

Pones:
contenedor.innerHTML = '<img src="tuimagen.gif" border="0">'


Un saludo.