{if ($Slim.style_slim)!=1}
{$MENUBAR}
{/if}

{combine_script id='mousewheel' load='header' require='jquery' path='themes/Slim/js/mousewhell.js'}

<div id="content" class="content{if isset($MENUBAR)} contentWithMenu{/if}">

{if ($Slim.style_slim)==1}
	{if !empty($THUMBNAILS)}
	<div id="home">
	<a href="{$U_HOME}"><img src="themes/Slim/images/home.png" height="32px" width="32px"></a>
	</div>
	<div class="titrePage">
	<div id="infoBlock">
	{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
	<h2>
	{$cat_name}
	</h2>
	{/if}

{else}

	<div id="infoBlock">
<div class="titrePage{if isset($chronology.TITLE)} calendarTitleBar{/if}">

	<ul class="categoryActions">
	{if !empty($image_orders)}
			<li>{strip}<a id="sortOrderLink" title="{'Sort order'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-sort">&nbsp;</span><span class="pwg-button-text">{'Sort order'|@translate}</span>
			</a>
			<div id="sortOrderBox" class="switchBox">
				<div class="switchBoxTitle">{'Sort order'|@translate}</div>
				{foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
				{if $image_order.SELECTED}
				<span>&#x2714; </span>{$image_order.DISPLAY}
				{else}
				<span style="visibility:hidden">&#x2714; </span><a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a>
				{/if}
				{/foreach}
			</div>
			{footer_script require='jquery'}{literal}
	jQuery("#sortOrderLink").click(function() {
		var elt = jQuery("#sortOrderBox");
		elt.css("left", Math.min( jQuery(this).offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
			.css("top", jQuery(this).offset().top + jQuery(this).outerHeight(true))
			.toggle();
	});
	jQuery("#sortOrderBox").on("mouseleave", function() {
		jQuery(this).hide();
	});
			{/literal}{/footer_script}
			{/strip}</li>
	{/if}

	{if isset($favorite)}
			<li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-favorite-del">&nbsp;</span><span class="pwg-button-text">{'delete all photos from your favorites'|@translate}</span>
			</a></li>
	{/if}
	{if isset($U_CADDIE)}
			<li><a href="{$U_CADDIE}" title="{'Add to caddie'|@translate}" class="pwg-state-default pwg-button">
				<span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'Caddie'|@translate}</span>
			</a></li>
	{/if}
	{if isset($U_EDIT)}
			<li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" class="pwg-state-default pwg-button">
				<span class="pwg-icon pwg-icon-category-edit">&nbsp;</span><span class="pwg-button-text">{'Edit'|@translate}</span>
			</a></li>
	{/if}
	{if isset($U_SEARCH_RULES)}
			{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
			<li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">(?)</span>
			</a></li>
	{/if}
	{if isset($U_SLIDESHOW)}
			<li>{strip}<a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
			</a>{/strip}</li>
	{/if}
	{if isset($U_MODE_FLAT)}
			<li>{strip}<a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-category-view-flat">&nbsp;</span><span class="pwg-button-text">{'display all photos in all sub-albums'|@translate}</span>
			</a>{/strip}</li>
	{/if}
	{if isset($U_MODE_NORMAL)}
			<li>{strip}<a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button">
				<span class="pwg-icon pwg-icon-category-view-normal">&nbsp;</span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span>
			</a>{/strip}</li>
	{/if}
	{if isset($U_MODE_POSTED)}
			<li>{strip}<a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
			</a>{/strip}</li>
	{/if}
	{if isset($U_MODE_CREATED)}
			<li>{strip}<a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
				<span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
			</a>{/strip}</li>
	{/if}
	{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
		</ul>
	<h2>{$TITLE}</h2>
	{if isset($chronology_views)}
	<div class="calendarViews">{'View'|@translate}:
		<select onchange="document.location = this.options[this.selectedIndex].value;">
			{foreach from=$chronology_views item=view}
			<option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
			{/foreach}
		</select>
	</div>
	{/if}

	{if isset($chronology.TITLE)}
	<h2 class="calendarTitle">{$chronology.TITLE}</h2>
	{/if}
{/if}
		</div>{* <!-- titrePage --> *}
		
		
</div>{* <!-- infoBlock --> *}


{if isset($errors) or not empty($infos)}
{include file='infos_errors.tpl'}
{/if}
{if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if}

{if !empty($category_search_results)}
<div style="font-size:16px;margin:10px 16px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
	<em><strong>
	{foreach from=$category_search_results item=res name=res_loop}
	{if !$smarty.foreach.res_loop.first} &mdash; {/if}
	{$res}
	{/foreach}
	</strong></em>
</div>
{/if}

{if !empty($tag_search_results)}
<div style="font-size:16px;margin:10px 16px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> :
	<em><strong>
	{foreach from=$tag_search_results item=res name=res_loop}
	{if !$smarty.foreach.res_loop.first} &mdash; {/if}
	{$res}
	{/foreach}
	</strong></em>
</div>
{/if}

{if isset($FILE_CHRONOLOGY_VIEW)}
{include file=$FILE_CHRONOLOGY_VIEW}
{/if}

{if !empty($CONTENT_DESCRIPTION)}
<div class="additional_info">
	{$CONTENT_DESCRIPTION}
</div>
{/if}

{if !empty($CONTENT)}{$CONTENT}{/if}


{if !empty($THUMBNAILS)}
		{$THUMBNAILS}
{footer_script}{literal}
        $('.jcarousel')
            .jcarousel({
                 wrap: 'circular',
            })		
			.jcarouselAutoscroll({
			autostart: false
			});	
			
        $('.jcarousel-control-prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });
			
    $('.jcarousel').mousewheel(function(event, delta) {
        if (delta > 0)
            {$('.jcarousel').jcarousel('scroll', '-=1')}
        else if (delta < 0)
            {$('.jcarousel').jcarousel('scroll', '+=1')}
        });

//};	
		
{/literal}{/footer_script}

{/if}

{if empty($THUMBNAILS)}
	{if !empty($CATEGORIES)}
		{$CATEGORIES}
		{footer_script}{literal}
        $('.jcarousel')
            .jcarousel({
                 wrap: 'circular'
            })		
			.jcarouselAutoscroll({
			interval: 3000,
			target: '+=1',
			autostart: true
			});	
			
        $('.jcarousel-control-prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });
		
		$('.jcarousel')
			.on('mouseenter', function(){
				$(this).jcarouselAutoscroll('stop')
			})
			.on('mouseleave', function(){
				$(this).jcarouselAutoscroll('start')
			});
		
		$('.jcarousel').mousewheel(function(event, delta) {
        if (delta > 0)
            {$('.jcarousel').jcarousel('scroll', '-=1')}
        else if (delta < 0)
            {$('.jcarousel').jcarousel('scroll', '+=1')}
        });

{/literal}{/footer_script}

	{/if}
{/if}

{if !empty($PLUGIN_INDEX_CONTENT_END)}{$PLUGIN_INDEX_CONTENT_END}{/if}
</div>{* <!-- content --> *}
{if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if}