Cambiar estilo según resolución

[josemota]

Hola,

Tengo el siguiente código:

Código:

<SCRIPT LANGUAGE="JavaScript">


if (window.screen) {
var resolucion = screen.width + ' x ' + screen.height;

var css;

if (screen.width <= 1024) 
 css = 'style';
else 
 css = 'style2';

document.write ('<LINK REL=\"Stylesheet\" HREF=\"' + css + '.css\"
TYPE=\"text/css\">');
}


</SCRIPT>

Lo que quiero es que al entrar en la página, según la resolución que tenga aplique un estilo u otro.

Los archivos se llaman style.css y style2.css, pero el código que tengo puesto no me funciona. Es más, si le pongo un alert en el if de screen.width <= 1024 tampoco me muestra ese alert, entrando con una resolución de 1024.