Как сделать автоматическую смену дизайна при смене разрешения? - Как сделать...

проблемка такая, почитал форум, вроде решения не нашел...

есть шаблон для joomla. в template_css.css прописаны все стили для разрешений 800 на 600 и  1024 на 768.
какой именно стиль вызывать - задается в файле index.php текущего шаблона.
как сделать так чтобы в файле index.php было прописано условие типа:
if разрещение 800 то сделать действие 1
if разрешение 1024 то сделать действие 2
есть какая то глобальная переменная в joomla, которая "знает" текущее разрешение сайта?

Спасибо!

Может быть устроит вариант "ручного" переключения ширины сайта? Я так сделал при помощи java-скрипта. В углу шапки поставил "+" и "-", кому как удобно, тот так сайт и смотрит. Естественно, можно весь css так переключать, не только ширину слоёв.

<script language="JavaScript">
var height=0;
var width=0;
 
if (self.screen) {     // for NN4 and IE4
       width = screen.width
       height = screen.height
}
else if (self.java) {   // for NN3 with enabled Java
      var jkit = java.awt.Toolkit.getDefaultToolkit();
      var scrsize = jkit.getScreenSize();       
      width = scrsize.width;
      height = scrsize.height;
}
if (width == 800 && height == 600) {
document.write("<link rel='stylesheet' type='text/css' href='800x600.css'>");
}else if(width == 1024 && height == 768){
document.write("<link rel='stylesheet' type='text/css' href='1024х768.css'>");
}
</script>

Так пойдет?

Записал код:

var height=0;
var width=0;
 
if (self.screen) {     // for NN4 and IE4
       width = screen.width
       height = screen.height
}
else if (self.java) {   // for NN3 with enabled Java
      var jkit = java.awt.Toolkit.getDefaultToolkit();
      var scrsize = jkit.getScreenSize();       
      width = scrsize.width;
      height = scrsize.height;
}
if (width == 1280) {
document.write("<link rel='stylesheet' type='text/css' href='templates/walkspb_tmpl/css/layout1280.css'>");
}else {
document.write("<link rel='stylesheet' type='text/css' href='templates/walkspb_tmpl/css/layout.css'>");
}

файлом width.js
Переписал на сервер, подключаю в шаблоне:
<script type="text/javascript" src="/width.js"></script>
Файлы CSS не подключаются. Как запустить этот код, не забивая им место в шаблоне?