Afficher une images d'attente

Bonjour,

j aimerais bien aficher une images en attendant le chargement complet de ma page.

dans mon système il y a 3 pages qui interviennent :

1- page principale index.php: qui affiche le résultat à l utilisateur
2- Pages de traitement traitement.php : qui fait et organise l'affichage du résultat
3- fichier javaScripte qui lance la recherche suite à un clic d'un bouton à la page principale.

voila mon code javaScripte :

function recherche()
{
ext= document.getElementById.......value;
dom= document.getElementById......value;
domaine=dom+ext;


if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("domaine").innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open("GET","traitement.php?domaine="+domaine+"&&dom="+dom,true);
xmlhttp.send();
}

==> Suite à des connextion lourd , ma page principale prend du temps pour s'afficher , et j aimerais bien mettre une images GIF pour faire patienter mes visiteurs pendant le chargement de la pages principale.