Импорт Ява скрипта в пшп Темплейт.(галлерея) - SEBLOD

Добрый день товарищи.

Моим преподавателем по веб дизайну была поставлена задача сделать галарею в Joomla при помощи ССК форм и Пиашпи Эррея. Сам я в этом не разбираюсь и туториалов по созданию галереи такими средствами не нашел. Каким то чудом Галерея все таки была создана. Теперь я могу загружать туда картинки При этом генерируются зумбнейлы которые мы видим во фронтенде. Болие того при клике на зумбнеил уже даже открывается большая картинка(оригинал). Последнее что осталось мне сделать для задания это вставить туда яваскрипт открывающий картинку в новом псевдоокне и уводящий бекграунд в тень, вы знаете о чем я.(лайтбокс)

Так как я только начинаю разбираться в этом всем,- единственный мой источник знаний и проводник, это туториалы и инструкции прилогаемые к плагинам, к сожалению как правило там рассматривается вариант интеграции в простой шттп.

Я понимаю что мой вопрос может звучать абсурдно, но мне очень надо это сделать и сдать, основной вопрос :

Как вставить яваскрипт(лайтбокс) в галлерею состоящую из ССК форм в Joomla.



Спасибо.

Вот так выглядит сейчас пшп

<?php
/**
* @version                     1.7.0
* @author                   http://www.jseblod.com
* @copyright            Copyright (C) 2009-2010 jSeblod. All Rights Reserved.
* @license                     GNU/GPL V2 License. http://www.jseblod-cck.com
* @package                    Gallery Content Template (Custom) - jSeblod CCK ( Content Construction Kit )
**/
 
// No Direct Access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
 
<?php
/**
* Init jSeblod Process Object { !Important; !Required; }
**/
$jSeblod    =    clone $this;
?>
 
 
<p><?php echo $jSeblod->g2_desc->value; ?></p>
<p><?php echo $jSeblod->g2_title->value; ?></p>
 
<?php for ($i = 0, $n = sizeof($jSeblod->g2_image_x); $i< $n; $i++ ){ ?>
<a href="<?php echo $jSeblod->g2_image_x[$i]->value; ?>">
<img src="<?php echo $jSeblod->g2_image_x[$i]->thumb1; ?>"  />
</a>
<?php } ?>

в jseblod есть шаблон называемый "авто" - он сам показывает все загруженые картинки с помощью лайтбокса. а если воспользоваться fieldX то загружать можно сколько угодно картинок.
ну если очень хочется добавить сюда, то читай инструкцию к выбранному лайтбоксу

вот как лайтбоксы реализованы у меня:
в самом начале шаблона статьи
дальше вывод изображения:
без class=\"modal\" и rel=\"{handler:'image'}\" картинки открывались в новом окне.
По опыту скажу, что подключенная где-то в странице prototype.js может поломать кучу функциональных плюшек jSeblod'a. Так что, если помимо лайтбокса не работают всплывающие подсказки, всплывающий WYSIWYG редактор и ниспадающие вкладки - стоит отловить эту заразу=) Лично я ограничил область её применения теми местами, где она не может помешать jSeblod'y.