Cambiar imagen y css dependiendo de la hora

[paxarin]

Muy buenas.
Me gustaria saber si modificando este codigo que lo que hace es dependiendo de la hora del dia cargar una imagen o otra de fondo, que cargara tambien una hoja de estilos diferente.
Para cambiar junto con la imagen colores de las fuentes, enlaces etc.
El codigo es este.

Código:

<script language="JavaScript">
 
function imagen(){
   fecha = new Date();
   
   hora = fecha.getHours();
    
   if(hora>=1 && hora<=10){//imagen desde la 1am hasta las 10am
      document.getElementById("fondo").style.backgroundImage="url(img/mañana.jpg)";
   }
   
   if(hora>=11 && hora<=18){//imagen desde las 11am hasta las 6pm
      document.getElementById("fondo").style.backgroundImage="url(img/frontal1.jpg)";
   }
   
   if(hora>=19 && hora<=24){//imagen desde las 7pm hasta las 12pm
      document.getElementById("fondo").style.backgroundImage="url(img/frontal2.png)";
   }
    
               }
</script>

Alguien sabria como deberia de hacerlo?
Un saludo