Imagen aleatoria dia y noche

[Starmoca]

Hola, tengo os codigos que deseo combinar y no consigo que me funcionen,

El primero hace que la imagen de fondo de un div sea aleatoria entre 5 imagenes:

Código:

<script type="text/javascript">
document.getElementById("branding").style.background = "url(images/"+parseInt(Math.random()*5+1)+".png)";
</script>

y el segundo hace que se cargue un .CSS distinto dependiendo de la hora del usuario:

Código:

<script language="javascript">
// Obtenemos la hora (0-23)
var d = new Date();
var Hora = d.getHours();
// Si la hora es menor a 20:00 y mayor a 04:00
if(Hora<20 && Hora>4)
{
// Imprimir CSS de dia
document.write('<link rel="stylesheet" type="text/css" href="cssdedia.css" />');
} else {
// imprimr CSS de noche
document.write('<link rel="stylesheet" type="text/css" href="cssdenoche.css" />');
}
</script>

ahora lo que yo quiero es que cargue imágenes aleatoriamente pero de una carpeta distinta dependiendo de la hora, dia/ y [COLOR="rgb(105, 105, 105)"]noche/[/COLOR] por ejemplo.

Lo que hice fue esto pero no funciono:

Código:

<script language="javascript">
// Obtenemos la hora (0-23)
var d = new Date();
var Hora = d.getHours();
// Si la hora es menor a 20:00 y mayor a 04:00
if(Hora<20 && Hora>4)
{
// Imprimir CSS de dia
document.getElementById("branding").style.background = "url(images/dia/"+parseInt(Math.random()*5+1)+".png)";
} else {
// imprimr CSS de noche
document.getElementById("branding").style.background = "url(images/noche/"+parseInt(Math.random()*5+1)+".png)";
}
</script>

Agradesco de antemano su colaboración...

[zerokilled]

buenas...

¿el script se interpreta luego del elemento #branding crearse o antes? debes cuidar ese detalle porque si lo hace antes entonces el script no encontrara el elemento. revisa la consola de errores del navegador para determinar si existe algun error. de ser el caso, dejate llevar por el mensaje para corregir el error.

[Starmoca]

Tienes mucha razón, funciono perfecto, muchas gracias.