Карусель топ-товаров

{if $is_uc}
	<script type="text/javascript" src="/modules/mod_carousel/js/jquery.jcarousel.min.js" ></script>
    <link href="/templates/domus/css/jcarousel.css" rel="stylesheet" type="text/css" />
	{literal}
		<script type="text/javascript">

		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});

			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});

			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};

		jQuery(document).ready(function() {
			jQuery('#mycarousel').jcarousel({
				auto: 7,
				wrap: 'last',
				initCallback: mycarousel_initCallback
			});
		});

		</script>	
	{/literal}
	
	  <div class="carousel">
		   <ul id="mycarousel" class="jcarousel-skin-tango">
			{foreach key=tid item=item from=$items}
			<li>
				<table width="100%" border="0">
				<tr valign="top"><td align="center"><div style="width:100%; height:14px; overflow:hidden;"><a href="/catalog/item{$item.id}.html" class="carousel_title_link">{$item.title|stripslashes}</a></div></td><tr>
				<tr valign="center" height="150"><td align="center">
				
				<a href="/catalog/item{$item.id}.html" alt="{$item.title|strip}"><img src="/images/catalog/small/{$item.imageurl}.jpg" border="0" alt="{$item.title}"></a>
				</td></tr>
				<tr valign="top"><td align="right" class="carousel_price">{$item.price}</td></tr>
				</table>
			</li>    
			{/foreach}
		 </ul>
	  </div>
	
	
	{if $cfg.fulllink}
	    <div style="margin-top:5px; text-align:right; clear:both"><a style="text-decoration:underline" href="/catalog">{$LANG.UC_POPULAR_CATALOG}</a> {$LANG.UC_POPULAR_ARR}</div>
	{/if}
{else}
	<p>{$LANG.UC_POPULAR_NOOBJECTS}</p>
{/if}