Изменение бэкграунда в зависимости от рарешения мониора юзера. - Вопросы по CSS

Ребят... тут такая беда...
Есть сайтик art-plusvip.ru
Дак вот очень хочется реализовать вывод различных бэкграундов в зависимости от разрешения юзера.
нашёл скрипт на js,
<script>
styles = new Array(640,800,1024,99999);
i = 0;
while (screen.width>styles)
i++;
document.write('<link href="'+styles+'.css" rel="stylesheet" type="text/css">');
</script>
обрадовался естественно очень, начал искать и думать, куда бы его впихнуть... и тут случился эпический облом... Я вообще не нашёл где мой шаблон ссылается на CSS.
Максимум что я нашёл это вот
$preset_style          = $this->params->get("presetStyle", "style1");
if($preset_style == "custom") {
   $primary_style          = $this->params->get("primaryStyle", "style1");
   $bg_style             = $this->params->get("bgStyle", "full");
   $link_color          = $this->params->get("linkColor", "#78000c");
   $font_family            = $this->params->get("fontFamily", "optima");
   $presetStyle         = new Style($primary_style, $bg_style, $font_family, $link_color);
Стоить заметить что я использую тему RT Iridium. Там 6 стилей... У меня за основу взят первый.
Ну вставлю я сейчас этот скрипт в index.php шаблона... а дальше что? как же взятие стандартного CSS? Я для того её и искал что бы вырубить... И в какую папку класть 800.css 1024.css и прочие?
Не бейте палками:) а помогите новичку:)
Заранее спасибо:)

А каким я увижу сайт если у меня отлючен javascript? голым-преголым? бред...
Получается чем больше экран тем больше файлов надо загрузить? бред..
А если у меня экран 1920 а окно свернуто до 1024?у меня сайт не влезет тогда, бред..
Хорошо, будем не screen мерить а offsetWidth... Но если я захочу развернуть сайт на весь экран, увижу отстой несусветный? бред...

вывод: делаем через CSS, с резиновым фоном(раздвигающийся, множащийся или растворяющийся)

ну я давно не видел людей что ходят в сети и выключенным js. вся проблема в том что фон, цельная картинка одобрена заказчиком:( и идея не позволяет мне делать резиновую вёрстку... можно ли реализовать как нибудь подмену фона редактируя только мой файл CSS?
А если я вставлю js скрипт на определение разрешения монитора в CSS файл он будет работать? это решило все мои проблемы...

не надо делать резиновую верстку. Надо делать фон, который хорошо смотрится при любом, подчеркиваю любом разрешении.
Тоесть не только при 1024 и 1280, но и 1125 и 1216 и итд.

Увы... но это протеворечит задумке:(

Есь одна фига, но она не работает в осле 6-7.
@media screen and (max-width: 1260px){
  body{
    background: url(../images/less-then-1261.png);
  }
}
@media screen and (max-width: 998px){
  body{
    background: url(../images/less-then-999.png);
  }
}

ну и тд. для ие можно написать скрипт, который будет на onresize присваивать класс, скажем HTML.max-width_1260 ну и тд. Или попробовать распарсить вручную stylesheet, и научить осла кудахтать понимать данную нотацию.