Подключение java script - Joomla 3.x: Общие вопросы

Здравствуйте, свою интернет HTML страницу начала адаптировать под шаблон Joomla 3 и столкнулась с проблемой - не работает этот скрипт для фотографий, пробовала вставлять создав модуль HTML в {source}{/source}; не работает, помогите пожалуйста =)

<style type="text/css">

/*CSS for 2 demos on the page*/
#orbs li{
width: 130px; /*width of image container. Should be wider than contained images (before bubbling) */
height:120px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 110px; /*width of each image before bubbling*/
height: 120px; /*height of each image*/
}

</style>


<script type="text/javascript" src="imgbubbles.js">

/***********************************************
* Image Bubbles effect- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

jQuery(document).ready(function($){
  $('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL id="orbs"
  $('ul#squares').imgbubbles({factor:2.5}) //add bubbles effect to UL id="squares"
})

</script>

Скачайте JCE редактор, профиль настройте и вставляйте ваш скрипт в обычный модуль, тогда будет работать вставка скриптов,css,php.
https://www.joomlacontenteditor.net
P.S. Если это связано с обрезанием кода, а не с ошибками в коде.

Скорее всего, библиотека jQuery не подключена до вызова скрипта или же их (jQuery) несколько.