Ikona ładowania Opcje

[brwCode]

Witam, posiadam oto taki kawałek kodu który będę chciał użyć na swojej stronie. Odpowiada on za wczytywanie treści w formie AJAX do danego diva.

Demo: http://gospeak.pl/AJAX/

Chciałbym do tego kodu dodać ikonę "ładowania" (IMG:http://gospeak.pl/gospeak_project/img/ajax-loader.gif) , w czasie którym wczytuje się treść do zmiany wyświetla się ta ikonka ładowania.
Z racji tego że z tym językiem stykam się pierwszy raz nie wiem jak to zrobić.

Także szukam czegoś takiego że jak wyślę komuś link http://gospeak.pl/AJAX/#1 to wyświetli mu się zawartość pliku "Wczytaj tekst numer 1" a nie strona główna.

[XML] pobierz, plaintext 
// pierwsza część kodu var ObiektXMLHttp = false;
if (window.XMLHttpRequest) 
  { 
   ObiektXMLHttp = new XMLHttpRequest(); } 
   else if (window.ActiveXObject) 
      { 
       ObiektXMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } 
 
// druga część kodu 
function getData(zrodlo, cel) { 
 if(ObiektXMLHttp) 
  {
   var cel = document.getElementById(cel);
   ObiektXMLHttp.open("GET", zrodlo);
 
ObiektXMLHttp.onreadystatechange = function() 
{
 if (ObiektXMLHttp.readyState == 4)
   {
    cel.innerHTML = ObiektXMLHttp.responseText; 
   }
} 
// trzecia część kodu 
ObiektXMLHttp.send(null); } } 
[XML] pobierz, plaintext 

[brwCode]

Jestem świeżakiem w AJAX ale próbowałem tym kodem:

[XML] pobierz, plaintext 
ObiektXMLHttp.onreadystatechange = function() { 
if (XMLHttp.readyState == (1 || 0)) {
document.getElementById('loading').innerHTML = "Ładowanie..."; }
 
if (XMLHttp.readyState == 4) {
document.getElementById('loading').innerHTML = "";
document.getElementById(cel).innerHTML = XMLHttp.responseText; }
 
if (XMLHttp.readyState != (1 || 0 || 4)) { document.getElementById('loading').innerHTML = "" } }
[XML] pobierz, plaintext 

Ale nic nie wskórałem.


Tak na marginesie to chcę zrobić coś jak jest na FiberHost, bo tak samo jak oni do zmiany mam tylko centralną część strony (look)

Może lepiej użyć do tego jQuery?