Плагины js - Общие вопросы по расширениям Joomla

Здравствуйте, наткнулся на один интересный плагин, который  накладывает изображения друг на друга(типа слои) и есть ползунок который делит эти самые изображения и его можно таскать. Получается эффект до и после. Наверно я очень плохо описал. 
Суть в том, что я попытался подключить его в Joomla. Сделал HTML разметку, в строенном script.js прописал вызов плагина, но куда поместить сам плагин и как это соединяется я никак не могу понять. Если кто знает, подскажите, это вообще возможно, или я просто зря трачу время?
Статья на тему этого плагина, вот http://www.rudebox.org.ua/twentytwenty/ (надеюсь за ссылки не банят?)

P.S. вот официальный сайт где был представлен плагин(нашёл в Google) http://zurb.com/playground/twentytwenty

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

Не подскажите где можно почитать про создание своего модуля? никогда раньше не занимался этим. Спасибо
P.S. применение этому эффекту можно найти в графике(моё мнение))