Javascript Background

[mr_flea]

I want to add a background picture to my webpage after the javascript code finishes, but I have to put it in the javascript, not html, or it won't show up. My question is, how do I add a background picture after the page dims from orange to dark blue?

Here's the code:
<script language="javascript">
<!--
function makearray(n)
{
this.length = n;
for(var i = 1; i <= n; i++) this[i] = 0;
return this;
}

hexArray = new makearray(16);


for(var i = 0; i < 10; i++) hexArray[i] = i;
hexArray[10]="A"; hexArray[11]="B"; hexArray[12]="C";
hexArray[13]="D"; hexArray[14]="E"; hexArray[15]="F";

function makeHex(i)
{
if (i < 0) return "00";

else if (i > 255) return "FF";

else
return "" + hexArray[Math.floor(i/16)] + hexArray[i%16];
}


function setbgColor(r, g, b)
{
var red = makeHex(r); var green = makeHex(g); var blue = makeHex(b);
document.bgColor = "#"+red+green+blue;
}


function fade(sr, sg, sb, er, eg, eb, inc)
{
// keep updating the background color
for(var i = 0; i <= inc; i++)
{
setbgColor(
Math.floor(sr * ((inc-i)/inc) + er * (i/inc)),
Math.floor(sg * ((inc-i)/inc) + eg * (i/inc)),
Math.floor(sb * ((inc-i)/inc) + eb * (i/inc)));
}
}



// (RGB Color Values)
fade(255,102,0, 0,0,51, 1000);


// -->
</script>

[mr_flea]

what would be even nicer is if i could fade it from orange to dark blue (it already does that), and then fade into the picture. Either way would work. Any ideas?