Instalação Jquery em um módulo

<?php
/**
 * Tiny Carousel
 *
 * @package 	Tiny Carousel
 * @subpackage 	Tiny Carousel
 * @version   	3.4
 * @author    	Gopi Ramasamy
 * @copyright 	Copyright (C) 2010 - 2015 www.gopiplus.com, LLC
 * @license   	http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 *
 * http://www.gopiplus.com/extensions/2014/06/tiny-carousel-slider-joomla-module/
 *
 */

// no direct access
defined('_JEXEC') or die;

if ( ! empty($images) ) 
{
	$tinyc_width = $params->get('tinyc_width');
	$tinyc_height = $params->get('tinyc_height');
	$tinyc_autointerval = $params->get('tinyc_autointerval');
	$tinyc_intervaltime = $params->get('tinyc_intervaltime');
	$tinyc_animation = $params->get('tinyc_animation');
	$tinyc_random = $params->get('tinyc_random');
	$tinyc_arrowcolor = $params->get('tinyc_arrowcolor');
	
	if($tinyc_random == "YES")
	{
		shuffle($images);
	}
		
	$TinycImg = "";
	foreach ( $images as $images ) 
	{	
		$tinyc_path = JURI::base().$folder ."/". $images->name;
		$tinyc_path = str_replace('\\', '/', $tinyc_path);	
		$TinycImg = $TinycImg ."<li><a href='".$tinyc_path ."' class='fancybox' rel='group'><img src='".$tinyc_path ."' alt='' /></a></li>";
	}
	
	$tinyc_width1 = $tinyc_width + 4;
	$tinyc_height1 = $tinyc_height + 4;
	
?>
<script type="text/javascript">var $j = jQuery.noConflict();</script>
<style type='text/css' media='screen'>
#tchsp { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative; padding: 0 50px 10px;   }
#tchsp .viewport { height: <?php echo $tinyc_height1; ?>px; overflow: hidden; position: relative; }
#tchsp .viewport img { object-fit: cover; width: 193px; height: 130px; }
#tchsp .buttons { background: <?php echo $tinyc_arrowcolor; ?>; opacity: 0.8; border-radius: 35px; display: block; position: absolute;
top: 35%; left: 0; width: 35px; height: 35px; color: #fff; font-weight: bold; text-align: center; line-height: 35px; text-decoration: none;
font-size: 22px; }
#tchsp .next { right: 0; left: auto; }
#tchsp .buttons:hover{ color: #fff;background: #000; opacity: 1}
#tchsp .disable { visibility: hidden; }
#tchsp .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: <?php echo $tinyc_width1; ?>px; left: 0 top: 0; }
#tchsp .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: <?php echo $tinyc_height; ?>px; border: 1px solid #dcdcdc; width: <?php echo $tinyc_width; ?>px;}
</style>


<!-- OPENING FANCYBOX -->

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="modules/mod_tiny_carousel/tmpl/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="modules/mod_tiny_carousel/tmpl/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="modules/mod_tiny_carousel/tmpl/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- ENDING FANCYBOX -->


<div id="tchsp">
	<a class="buttons prev" href="#">&#60;</a>
		<div class="viewport">
			<ul class="overview">
				<?php echo $TinycImg; ?>
			</ul>
		</div>
	<a class="buttons next" href="#">&#62;</a>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#tchsp').tinycarousel({ 
buttons: true, 
interval: "<?php echo $tinyc_autointerval; ?>", 
intervalTime: "<?php echo $tinyc_intervaltime; ?>", 
animationTime: "<?php echo $tinyc_animation; ?>" 
});
});
</script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".fancybox").fancybox();
	});
</script>
<?php
}