Salve a tutti, ho un "blocco", probabilmente banale, che non riesco a superare.

Intento: impostare un'immagine di sfondo, all'apertura della pagina, in base alla risoluzione.

In HTML ho inserito questi codici.
<script type="text/javascript" src="javasript.js"></script>
<body onload = "getResolution()";>
in un file javascript esterno c'è il seguente codice:

Codice PHP:
function changeBackground(filename) {
   el_body = document.getElementsByTagName('body')[0];
   el_body.style.background = 'url(/immagini/sfondi/' + filename + ') top left no-repeat';
}

function getResolution() 
{
  
   var xmax = screen.width;
   
   if (xmax > 1400) 
    {
     changeBackground('sfondo1440_1.jpg'); 
     return; 
    }
   if (xmax > 1300) 
   {
    changeBackground('sfondo1360_1.jpg'); 
    return; 
   }
   if (xmax > 1200) 
   { 
    changeBackground('sfondo1280_1.jpg'); 
    return; 
   }
   if (xmax > 1100) 
   { 
    changeBackground('sfondo1152_1.jpg'); 
    return; 
   }
   changeBackground('sfondo1024_1.jpg'); // risoluzione minima prevista 1024X768. Risoluzioni inferiori non contemplate!
} 
dov'è l'errore? (o gli errori?)