резиновый дизайн

доброго дня. Мне понадобилось сверстать резиновый дизайн, для этого я наделал несколько версий изображений шаблона под каждое из распространненых разрешений. На страницу добавил код, который в зависимости от разрешения пользователя выбирает те или иные изображения:

<script language="JavaScript">

var dirI, w, h1, h2, h3;

  if(screen.width == 800){

     dirI = '/800/'; <!-- папка в которой лежат рисунки для разрешения 800*600 -->

     w = '776';  h2 = '28'; <!-- у меня всего три изображения зависящих от разрешения, это их параметры, ширина у всех 776, h2 h1 h3 - высоты -->

     h1 = '26';  h3 = '229';

  }else if(screen.width == 1024){

     dirI = '/1024/';

     w = '1000';  h2 = '35';

     h1 = '34';  h3 = '296';

  }else if(screen.width == 1280){

     dirI = '/1280/';

     w = '1256';  h2 = '44';

     h1 = '43';  h3 = '372';

  }else if(screen.width == 1600){

     dirI = '/1600/';

     w = '1600';  h2 = '56';

     h1 = '55';  h3 = '474';

  }else{

     dirI = '/1024/';

     w = '1000';  h2 = '35';

     h1 = '34';  h3 = '296';

  }



</script>

значит с этим понятно, теперь в описании ячейки таблицы в параметр, background-image:url() мне надо вставить путь, который выглядит как templates/bla-bla/images/ +window.dirI(т.е. папка с картинками для текущего изображения)+/1.jpg. Но как это сделать? с параметрами я вроде разобрался, там можно вставить как

heigth: expression( window.h1 );