Preloader loader ikke billeder

Jeg har forsøgt at lave et preloadingscript som viser en loader bare.
Den virker sådan set fint nok, borset fra at billederne ikke bliver preloadet ;o)
------------------------------------------------------
<script type="text/javascript">
function preloader(){
var a
var al
var i
var img
var loader = document.getElementById("loader")

a = Array("gfx/1.bmp", "gfx/2.bmp", "gfx/3.bmp", "gfx/4.bmp", "gfx/5.bmp", "gfx/6.bmp", "gfx/7.bmp", "gfx/8.bmp", "gfx/9.bmp", "gfx/10.bmp", "gfx/11.bmp", "gfx/12.bmp");
al = a.length

for(i=0 ; i<=al ; i++){
  img = new Image();
  img.src = a[i];
  loader.style.width = (parseInt(loader.style.width) + 10) + "px";
}
}
</script>
----------------------------------------
Er der en venlig sjæl der vil hjælpe :-)