css para varias resoluções

olá amigos é o seguinte, fiz o seguinte código para pegar a resolução do usuário que visitar meu site e atribuir o css referente:

<script language="javascript" type="text/javascript">
if (screen.width >= 1024)

document.write('<link rel="stylesheet" type="css/cssgera1024.css">')
}

document.write('<link rel="stylesheet" type="css/cssgeral800.css">')
}
</script>

Só que nao está funcionando alguem pode me ajudar a azer isso? :(, alguem pode me ajudar