HTML+CSS+JavaScript

И все? Так просто? Я так и знала, что это будет что-то очень простое, но к сожалению очень сложное для меня. Спасибо вам большое пребольшое!

if(screen.width < 1024) {
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
} else if(screen.width < 1280) {
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
} else {
document.write('<link rel="stylesheet" type="text/css" href="1280.css">');
}

Всем привет! Очень нужна ваша помощь. До сих пор я определяла разрешение и в зависимости от него загружала соответствующий файл.CSS таким образом:

<script type="text/javascript">
<!--
if(screen.width == 1024) {
document.write('<link rel="stylesheet" type="text/css" href="1024.css">');
} else if(screen.width == 800) {
document.write('<link rel="stylesheet" type="text/css" href="800.css">');
} else if(screen.width == 1280) {
document.write('<link rel="stylesheet" type="text/css" href="1280.css">');
} else {
document.write('<link rel="stylesheet" type="text/css" href="other.css">');
}
-->
</script>

А сейчас мне бы хотелось так:
если разрешение меньше 1023, то 800.CSS
если разрешение от 1024 до 1279, то 1024.CSS
если разрешение больше 1280, то 1280.CSS

Можно ли как-то это реализовать, изменив мой изначальный скрипт. Уверена, что можно, только сама не могу этого сделать - JS не знаю. Я, конечно, нашла информацию в инете об операторах сравнения, но просто боюсь накосячить сама, кому не трудно, напишите, пожалуйста.