{if $_vars.view == 'albs'}
	
    <div class="albs">
    
    <div class="albs_text">{$_config.albs.albs_text}</div>
    
    {foreach from=$_vars.albs item=album}
    
    	{assign var="cover_src" value=$_module.ressources|cat:$album.cover.name}
        
        {capture name="title"}
        	{if $_config.albs.title_show == 'true' && !empty($album.title)}
            <div class="title">
            
                {if $_config.albs.title_link == 'true'}
                	<a href="{linkToParams vars0=$album.id vars1=$album.urlw}">
                {/if}
                
                {$album.title}
                
                {if $_config.albs.title_link == 'true'}
                	</a>
                {/if}
                
            </div>
            {/if}
        {/capture}
    
        {capture name="description"}
        	{if $_config.albs.description_show == 'true' && !empty($album.description)}
            <div class="description">
                {$album.description}
            </div>
            {/if}
        {/capture}
    
        {capture name="date"}
        	{if ($_config.albs.date_show == 'true' ||  $_config.albs.heur_show == 'true') && !empty($album.datetaken)}
            <div class="date">
                {if $_config.albs.date_show=='true'}{$_config.albs.date_btext}{$_Extra->env->dates->convertDate($_config.albs.date_style, $album.date)}{/if}
                {if $_config.albs.heur_show=='true'}{$_config.albs.heur_btext}{$_Extra->env->dates->convertDate('hour', $album.date)}{/if}
            </div>
            {/if}
        {/capture}
    
        {capture name="cover"}
        	{if $_config.albs.img_show == 'true'}
            <div class="cover">
            	<a href="{linkToParams vars0=$album.id vars1=$album.urlw}">
                    {if $_config.albs.img_crop == 'true'}
                        <img src="images/{$_config.albs.img_width}x{$_config.albs.img_height}/{$cover_src}" />
                    {else}
                        <img src="{$cover_src}" {$_Extra->media->image->showResized($cover_src, $_config.albs.img_width, $_config.albs.img_height)} />
                    {/if}
                </a>
            </div>
            {/if}
        {/capture}

        {if $_config.albs.mode == '1'}
        	
            <div class="album">
                {$smarty.capture.cover}
                {$smarty.capture.title}
                {$smarty.capture.date}
            </div>
            
        {elseif $_config.albs.mode == '2'}
        	
            <div class="album">
                <table>
                    <tr>
                        {if $_config.albs.img_show == 'true'}
                        <td>
                            {$smarty.capture.cover}
                        </td>
                        {/if}
                        <td>
                            {$smarty.capture.title}
                            {$smarty.capture.date}
                            {$smarty.capture.description}
                        </td>
                    </tr>
                </table>
            </div>
            
        {/if}
        
     {/foreach}
     
    <div style="clear:both; height:0;">&nbsp;</div>
    
     </div>

{elseif $_vars.view == 'pics'}
    
    {if $_vars.return_albs == 'true' && !empty($_config.pic.albs_link_text)}
    <div class="albs_link">
    	<a href="{linkToParams vars0='page' vars1=$_vars.return_albs_page}">{$_config.pic.albs_link_text}</a>
    </div>
    {/if}
    
    {literal}
        <script type="text/javascript">
		
			(function(window, $, PhotoSwipe){
			
			$(document).ready(function(){
				
				var options = {};
				$("#{/literal}pics{$_module.idlinker}{literal} a").photoSwipe(options);
			
			});
			
			
			}(window, window.jQuery, window.Code.PhotoSwipe));
		
			</script>
        {/literal}
    
    <div class="pics">
    
        <div class="pics_text">{$_config.pic.pics_text}</div> 
       
		<div class="container">
        <ul id="pics{$_module.idlinker}" class="gallery">
        
        {foreach from=$_vars.pics item=picture}
        
            {capture name="picture"}
                {assign var="picture_src" value=$_module.ressources|cat:$picture.name}
                {if $_config.pic.img_crop == 'true'}
                    <a href="{$picture_src}" rel="external" style="display:block;"><img style="display:block; height:auto; width:100%;" src="images/{$_config.pic.img_width}x{$_config.pic.img_height}/{$picture_src}"{if $_mconfig.title=='true'} alt="{$picture.title}"{/if} /></a>
                {else}
                    <a href="{$picture_src}" rel="external" style="display:block;"><img style="display:block; height:auto; width:100%;" src="{$picture_src}"{if $_mconfig.title=='true'} alt="{$picture.title}"{/if} {$_Extra->media->image->showResized($picture_src, $_config.pic.img_width, $_config.pic.img_height)} /></a>
                {/if}
            {/capture}
            <li class="pic">{$smarty.capture.picture}</li>
            
        {/foreach}

        </ul>
        </div>
        
        <div style="clear:both; height:0px;">&nbsp;</div>
        
    
    </div>
 
{/if}