{define_derivative name='mainpage_derivative_params' height="250px" width="1000px" min_width="1000px" crop=true}
<ul class="thumbnailCategories">

{foreach from=$category_thumbnails item=cat name=cat_loop}
{assign var=derivative value=$pwg->derivative($mainpage_derivative_params, $cat.representative.src_image)}
{if !$derivative->is_cached()}
{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
{/if}
	<li class="{if $smarty.foreach.cat_loop.index is odd}odd{else}even{/if}">
		<div class="thumbnailCategory">
			<a href="{$cat.URL}">
				<div class="illustration">
				<img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
									
				<div class="description_main">
							<span class="thumbLegend">
							<h3>
								{$cat.NAME}
								{if !empty($cat.icon_ts)}
								<img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">
								{/if}
							</h3>
							{if isset($cat.INFO_DATES) }
							<p class="dates">{$cat.INFO_DATES}</p>
							{/if}
							<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
							{if not empty($cat.DESCRIPTION)}
							<p>{$cat.DESCRIPTION}</p>
							{/if}
							</span>
				</div>	
				</div>
			</a>
		</div>
	</li>
{/foreach}

</ul>