Изменение вывода категории, передача переменной из js в php - Joomla 1.5: Общие вопросы

Всем добрый день. Возникла необходимость переделать вывод категории на сайте. Нужно, чтобы Joomla, при выводе превьюшек материалов, выводила в строке столько материалов, сколько вмещает разрешение браузера. (возможно идеальный пример - pinterest).
Все довольно просто, но возникла проблема передачи переменной из JS в PHP. Передачи методом post или get не хотят работать (возможно виной тому sh404SEF или локальный сервер, возможно и кривые руки).
Так как передать необходимо всего одну цифру, пытаюсь передать ее путем подставления js в переменную php.
<?php $numb_col = '<script type="text/javascript">document.write(number_col)</script>';
При этом оператор echo отображает верное число, а вот в процессе вывода материалов значение участвовать не желает. Это тоже понятно, ведь цифра принимает значение строки, а не числа. Но как добиться обратного?

Возможно кто-то сможет подсказать.
<script type="text/javascript">
var number_col_not_floor=(document.body.clientWidth - 320) / 270;
var number_col = Math.floor(number_col_not_floor);
</script>

каким образом вы хотите передать js в php?

пхп выполняется на сервере, после чего, страница отдается клиенту, где уже работает жс.

Не буду врать что прекрасно это понимаю. Но во время поисков в интернете уже уяснил для себя это. Таким образом я хотел бы просить помощи в одном:
Как строковое значение сделать числовым, при условии, что значение я получаю и вывести как строку при помощи простого php могу?
gettype числовое значение присваивает, но, как выясняется, это значение становится равным нулю, а не реальной цифре.

вы не в PHP значение получаете, вы через него выводите скрипт который выводит значение)

Ясно Подвох был рядом. Значит единственный способ - через post или get..

и тут мы приходим к самому интересному.
если кол-во материалов на странице одинаковое. разное только в строках, то достаточно цсса.
приведите вывод шаблона к чему нить типо
<div class="blog">
   <div class="preview">.....</div>
   <div class="preview">.....</div>
   ............
   <div class="preview">.....</div>
   <div class="preview">.....</div>
</div>

изначально в цсс напишите

.preview {float:left; width:250px; height:150px; margin:0 0 10px 10px;} //естественно ширину и высоту по умолчанию ставите свои. Скрипты не у всех включены.

ну а дальше на странице в зависимости от ширины собсно страницы, скриптами задаете ширину высоту этих блоков, так чтобы они выстраивались в нужное кол-во колонок

Согласен, уже понял, что придется так выкручиваться Спасибо за подсказку. Думаю, тему можно на этом закрыть.