{html_style}#theHeader{ldelim}display:none}{/html_style}


	
{if !empty($thumbnails)}{strip}
{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'}
{*define_derivative name='derivative_params' width=160 height=90 crop=true*}
{define_derivative name='Large' type='large'}
{define_derivative name='small' type='small'}


<div id="tf_loading" class="tf_loading"></div>
		
<div id="tf_bg" class="tf_bg">
		{if !empty($category_thumbnails)}
			{foreach from=$category_thumbnails item=cat}

				<img src="{$pwg->derivative_url($Large, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}" longdesc="{$pwg->derivative_url($small, $cat.representative.src_image)}" link="{$cat.URL}" Z="cat" id="">
			{/foreach}
		{/if}
		
			{foreach from=$thumbnails item=thumbnail}
				{assign var=derivative value=$pwg->derivative($Large, $thumbnail.src_image)}
				{assign var=derivativeSmall value=$pwg->derivative($small, $thumbnail.src_image)}
				<img {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" longdesc="{$derivativeSmall->get_url()}" link="'{$thumbnail.URL}'" Z="thumb" id="{$thumbnail.id}">
				
				
			{/foreach}

	<div id="tf_pattern" class="pattern visible"></div>
</div>

<div id="tf_content_wrapper" class="tf_content_wrapper">

{if !empty($category_thumbnails)}
	{foreach from=$category_thumbnails item=cat name=cat_loop}
		<div class="tf_content" {if $smarty.foreach.cat_loop.first}style="display:block;"{/if}>
			<h2>
				<a href="{$cat.URL}">{$cat.NAME}</a>
				{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}
			</h2>
			<div class="infor">
			{if isset($cat.INFO_DATES) }
			{$cat.INFO_DATES}
			<br>{/if}
			{$cat.CAPTION_NB_IMAGES}<br>
			{if not empty($cat.DESCRIPTION)}
			{$cat.DESCRIPTION}
			{/if}
			</div>
		</div>
	{/foreach}
{/if}



	{foreach from=$thumbnails item=thumbnail name=cat_loop}
		<div class="tf_content" id="content" {if $smarty.foreach.cat_loop.first}{if empty($category_thumbnails)}
style="display:block;"{/if}{/if}>
				{if $SHOW_THUMBNAIL_CAPTION }
					<div class="infor visible">
					<h2>
					{$thumbnail.NAME}
					{if !empty($thumbnail.icon_ts)}
						<img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)">
					{/if}
					</h2>
					<div id=comm>
					{if isset($thumbnail.NB_COMMENTS)}
					<span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
					{'Comment'|@translate} : {$thumbnail.NB_COMMENTS}
					</span>
					{/if}
					</div>
					<div id=nbhit>
					{if isset($thumbnail.NB_HITS)}
					<span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits ">
					{'Hits'|@translate} : <span id=nbhit{$thumbnail.id}>{$thumbnail.NB_HITS}</span>
					</span>
					{/if}
					</div>
					<div id=rating>
					{if isset($thumbnail.rating_score)}
					<span class="{if 0==$thumbnail.rating_score}zero {/if}nb-hits ">
					{'Rating score'|@translate} : {$thumbnail.rating_score}
					</span>
					{/if}
					</div>


					</div>
				{/if}
		</div>
	{/foreach}	

</div>	
		<div id="tf_thumbs" class="tf_thumbs visible">
			{if !empty($category_thumbnails)}
			<span id="tf_zoom" class="tf_zoom cat"></span>
		{foreach from=$category_thumbnails item=cat name=cat_loop}
			{if $smarty.foreach.cat_loop.first}<a href="{$cat.URL}">{if $smarty.foreach.cat_loop.first}<img src="{$pwg->derivative_url($small, $cat.representative.src_image)}">{/if}</a>{/if}


			{/foreach}
			{else}
			<span id="tf_zoom" class="tf_zoom thumb"></span>
			
		{foreach from=$thumbnails item=thumbnail name=img_loop}
		{if $smarty.foreach.img_loop.first}<a href="{$thumbnail.URL}" class="lytebox" >
		<span id="tf_info" class="tf_info visible"></span></a>

		{/if}
		{if $smarty.foreach.img_loop.first}<img src="{$pwg->derivative_url($small, $thumbnail.src_image)}">{/if}
{/foreach}
			{/if}
		</div>
		<div id="tf_fullscreen" class="tf_fullscreen hidedi"></div>
		<div id="tf_next" class="tf_next visible"></div>
		<div id="tf_prev" class="tf_prev visible"></div>

{/strip}			
{/if}