[CSS]Wybór CSS'a na podstawie rozdzielczości ekranu Opcje

[-talbot-]

Witam,

Mam przygotowane trzy CSSy do 3 różnych rozdzielczości ekranu. Chcę pobrać od użytkownika informację o tym jakiej używa obecnie rozdzielczości i na tej podstawie użyć odpowiedni css do strony. W jaki sposób to zrobić? NIE CHCE PRZEKIEROWANIA DO OSOBNYCH PLIKÓW HTML. Wszystko musi znajdować się w JEDNYM pliku 'index.html'.

Z góry dziękuję za pomoc (IMG:style_emoticons/default/wink.gif)

[-talbot-]

<link rel="stylesheet" type="text/css" href="screen_1024.css" >
<link id="size-stylesheet1024" rel="stylesheet" type="text/css" href="screen_1024.css" >
<link id="size-stylesheet1600" rel="stylesheet" type="text/css" href="screen_1600.css" >
<link id="size-stylesheet1920" rel="stylesheet" type="text/css" href="screen_1920.css" >

<script type="text/javascript">

function adjustStyle(width) {
width = parseInt(width);
if (width = 1024) {
$("#size-stylesheet1024").attr("href", "screen_1024.css");
} else if (width = 1600) {
$("#size-stylesheet1600").attr("href", "screen_1600.css");
} else if (width = 1920) {
$("#size-stylesheet1920").attr("href", "screen_1920.css");
} else {
$("#size-stylesheet1024").attr("href", "screen_1024.css"); }

}

$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});

</script>

Teraz jest chyba dobrze?