Fonction feuille de style selon la resolution

Bonjour , je tiens a charger une feuille de style selon la resolution de l'utilisateur , j'utilise javascript pour cela mais cela ne marche pas :
<link href="basic.css"
rel="stylesheet"
type="text/css" />
<link href="main.css"
rel="stylesheet"
type="text/css" title="main" />
<link href="alt1.css"
rel="alternate stylesheet"
type="text/css" title="alt1" />
<link href="alt2.css"
rel="alternate stylesheet"
type="text/css" title="alt2" />
<script language="JavaScript" src="styleswitcher.js"></script>
<script language="Javascript">
function backg()
{
longueur = screen.width;
hauteur = screen.height;
if (longueur == 800)
setActiveStyleSheet('main');
else if (longueur == 1024)
setActiveStyleSheet('alt1');
else if (longueur == 1280)
setActiveStyleSheet('alt2');
else
setActiveStyleSheet('alt1');
}