Afbeelding laden terwel html word opgevraagd

Ik probeer nu al de hele tijd uit te zoeken hoe ik de html laad van de pagina en vervolgens in een div zet, en terwel de html laad dat er een loading afbeelding aanwezig is. ik heb letterlijk overal gezocht en alles geprobeerd maar ik kom er echt niet uit...

ik was al zover ook heb ik er wat aan gerommeld waardoor alleen nog maar de loading afbeelding werkt..

function CreateLoader(){
    var img = document.createElement("img");
    img.id = "ajaxloader";
    img.src = "http://85.17.135.233/ajax_loader.gif";
    img.alt = "";

    document.getElementById("content").appendChild(img);

    img.show = function(){ img.style.display = "block"; }
    img.hide = function(){ img.style.display = "none"; }

    img.hide();        

    return img;        
}

var eLoader = CreateLoader();

var http = new XMLHttpRequest();

http.onreadystatechange = function() {
    if(http.readyState == 4) {
        eLoader.hide();
        document.getElementById('content').innerHTML = http.responseText;
    }
}

function BeginLoading(){
    eLoader.show();
    http.open("http://85.17.135.233/test.php");
}

BeginLoading();​

Alvast bedankt voor de hulp!