Jak zobrazit obrázek ve stránce až po načtení celé stránky?

Čau chlapi co válíte v js (já právě začínám).
Zatím jsem dělal jen v php a mysql a nyní jsem se fakt ošklivě zaseknul na místě, kde potřebuji načíst ve stránce animovanej gif až ale 5 sekund po načtení stránky, aby to nebrzdilo načítání.
Hodně jsem hledal a zkouším to pomocí volání buď .off {display: none;} a nebo .on {display: block;} z css.
Ty volám takto: <script>
x = "off";
function ukaz (){

x="on";
}
</script>
a pak se snažím to "on" vrazit do div class pomocí volání funkce ukaz buď přes body onload, nebo input, nebo settimeout, ale nic mi nefunguje, když dám document.write, tak se mi sice vypíše "on", ale krom toho tam nic není, původní stránka je pryč a to samozřejmě nechci, dá se to nějak obejít?
Předem fakt moc díky za rady!

<a href="" onmouseover="document['obrazek'].src = './img/animace1.gif' ;" onmouseout="document['obrazek'].src = './img/animace2.gif' ;"> <img border="0" src="./img/invisible.gif" width=76px height=92px name="obrazek"></a><script>setTimeout("document.images['obrazek'].src='./img/animace.gif' ", 3000);</script>

Zdar kluci, dík moc za ochotu! :) Nahoře se můžete podívat, jak jsem to zakomponoval a funguje to parádně. Jen se chci ještě zeptat, ten script zavolá ten obrázek a ten se teprve načte a zobrazí, nebo už čeká načtený a jen se po těch 3 sekundách zobrazí?