{define_derivative name='carousel' width='300' height='300' min_width='300'}
<div id="carousel">
<div id="wrap">
	<div class="jcarousel">
		<ul>
			{foreach from=$category_thumbnails item=cat}
				<li>
						<div class="illustration">
							<a href="{$cat.URL}">
								<img src="{$pwg->derivative_url($carousel, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" min-width="{$carousel->max_width()}" height="{$carousel->max_height()-22}"/>
							</a>
						</div>
						<div class="CatMPdescription">
							<h3>
								<a href="{$cat.URL}">{$cat.NAME}</a>
							</h3>
							<div>
								{$cat.CAPTION_NB_IMAGES}
							</div>	
						</div>
				</li>
			{/foreach}
		</ul>
	</div>
</div>
	<a href="#" class="jcarousel-control-prev">&lsaquo;</a>
    <a href="#" class="jcarousel-control-next">&rsaquo;</a>
</div>