Time javascript and css script

[textbox]

Hello there, quite new to the world of js and having trouble with this.

 

Code:

 

<script type="text/javascript">
var current= new Date()
var morning_afternoon_night=current.getHours()
if (morning_afternoon_night<12)
document.write("<img src='img/good-morning.gif' id='welcomeTitle'>")
else if (morning_afternoon_night<18)
document.write("<img src='img/good-afternoon.gif' id='welcomeTitle'>")
else
document.write("<img src='img/good-evening.gif' id='welcomeTitle'>")
</script>

 

This code should display an image dependant on the time of the users computer.

 

I want to include something like this;

 

Code:

 

background : #bcd589 url(bg.jpg) repeat-x scroll 0 0;

 

The last bit is CSS which sets the background of the page.

 

I wish to set the bg of the page dependant on the users time.

 

Any help would be great as everything ive tried has not worked!!

 

Thanks

Nick

[mainewoods]

to change the background image of page:

<script>
    document.body.style.backgroundImage = 'thegraphicURL';
</script>