Реализация эффекта masonry для модуля news show pro gk5 - Вопросы по CSS

Официальный сайт данной... фичи: http://masonry.desandro.com/
В CSS не силен, буду признателен за пошаговую инструкцию. Обещаю разумное вознаграждение при положительном решении проблемы.

Сори, если написал не туда, надеюсь мою тему просто перенесут и не станут удалять, дак вот, вопрос такой, реализация эффекта masonry в модуле не работает. Скажите пожалуйста, данный стиль не реализован или у меня просто не работает? Как реализовать его, чтобы не было пробелов между статьями? К примеру в стиле product gallery II он не работает. Спасибо.

Joomla 3.2.0. Шаблон GK Creativity 3.9.1. Версия модуля news show pro gk5 1.3.7. очень выручите, при положительном эффекте обязательно отблагодарю разумным количеством webmoney. Надеюсь на помощь. В режиме Portfolio, product gallery II, NEWS blocks, также отображены пробелы между картинками, надеюсь меня поймут, необходим стиль masonry в данном модуле, отображение материалов, картинок, как на сайте, к примеру, как на pinterest.com. Своеобразная кирпичная кладка из материалов, которая исключает пробелы и пустое пространство между элементами. (уверен на форуме все очень умные, расписываю для новичков.) Надеюсь разберемся.

Добавлю свой вопрос по плагину. Возможно не туда, как и предыдущий.

Есть два скрипта:
1. По клику скрывает и отображает лишние блоки, а основной блок делает то на всю ширину экрана, то на 50% соответственно.
2. Скрипт плагина Масонри.

Как сделать, чтобы при вызове функции openbox масонри пересчитывался, как при ресайзе экрана?
Условно говоря, делаю кнопку fullscreen, но масонри не пересчитывает. Как правильно сделать?

<script type="text/javascript">

function openbox(id){
      display = document.getElementById('b3').style.width;

   if(display=='50%'){
      document.getElementById('b1').style.visibility='collapse';
      document.getElementById('b2').style.visibility='collapse';
      document.getElementById('b3').style.width='100%';
      document.getElementById('b4').style.visibility='collapse';
    }else{
      document.getElementById('b1').style.visibility='visible';
      document.getElementById('b2').style.visibility='visible';
      document.getElementById('b3').style.width='50%';
      document.getElementById('b4').style.visibility='visible';
    }
}
</script>
<script type="text/javascript">
  $(document).ready(function(){
   $('#container').masonry({
     itemSelector: '.item',
          singleMode: false,
   });
  });
</script>

Кому интересно: второй скрипт не нужен, просто в функцию дописываем jQuery(".js-masonry").masonry("layout")