[Ajax] Impossibile cambiare gli attributi di un'immagine!

[mind01]

Data la seguente procedura:

[img]/images/wait.gif[/img]
[...]

function updateEd2kLink(form){
               
        var query = form.action.value;        
        document.getElementById('loader').style.display = '';
        http = createRequestObject();
        
        http.open('get', 'esearch.php?q=' + query);
        http.onreadystatechange = function () {
                if(http.readyState == 4){
                  var response = http.responseText; 
                  document.getElementById('link_list').innerHTML = response;
                }}
        http.send(null);
        document.getElementById('loader').style.display = 'none';
} 

Come vedete nel codice cerco di cambiare l'attributo display di un'immagine (una di quelle barre tanto carine durante i caricamenti). Il problema è che invece di cambiare subito l'attributo, il codice lo cambia solo alla fine della richiesta (basta togliere l'ultimo "display:none") rendendo inutile la mia barra per il caricamento. Se ovviamente lascio l'ultimo display:none la modifica neanche si vede, in quanto viene subito nascosta.
Inoltre poi, mentre carica la pagina sembra "bloccata", come quando un'applicazione non risponde. Si può ovviare a ciò?
Grazie, saluti