{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>
     
    {if $_vars.nbpages>1}
    <div class="albs_pagination">
    {if $_vars.cp!=1 && $_config.albs.link_page_before!=''}<a href="{linkToParams vars0='page' vars1=$_vars.cp-1}">{$_config.albs.link_page_before}</a>{$_config.albs.link_page_separator}{/if}
    {section name=pages loop=$_vars.nbpages}<a href="{linkToParams vars0='page' vars1=$smarty.section.pages.iteration}" {if $smarty.section.pages.iteration == $_vars.cp}class="current"{/if}>{$smarty.section.pages.iteration}</a>{if !$smarty.section.pages.last}{$_config.albs.link_page_separator}{/if}{/section}
    {if $_vars.cp<$smarty.section.pages.total && $_config.albs.link_page_after!=''}{$_config.albs.link_page_separator}<a href="{linkToParams vars0='page' vars1=$_vars.cp+1}">{$_config.albs.link_page_after}</a>{/if}
    </div>
    {/if}

    {literal}
    <script language="javascript" type="text/javascript">
        $each($$('.album'), function(album, i){
            album.addEvent('mouseover', function(e) { e.stop(); album.addClass('hover'); });
            album.addEvent('mouseout', function(e) { e.stop(); album.removeClass('hover'); });
        });
    </script>
    {/literal}

{elseif $_vars.view == 'pics'}
    
    {if $_vars.return_albs == 'true' && !empty($_config.pic.albs_link_text)}
    <div class="albs_link">
    	<a href="{linkToParams}">{$_config.pic.albs_link_text}</a>
    </div>
    {/if}
    
    <div class="pics">
    
        <div class="pics_text">{$_config.pic.pics_text}</div> 
       
        {foreach from=$_vars.pics item=picture}
        <div class="picture">
            <a href="{$_module.ressources}{$picture.name}" rel="lightbox[galerie{$idlinker}]" title="{if $_config.media.show_title == 'true'}{$picture.title}{/if}{if $_config.media.show_title == 'true' && $_config.media.show_description == 'true'}::{/if}{if $_config.media.show_description == 'true'}{$picture.description}{/if}">
                {assign var="picture_src" value=$_module.ressources|cat:$picture.name}
                {if $_config.pic.img_crop == 'true'}
                    <img src="images/{$_config.pic.img_width}x{$_config.pic.img_height}/{$picture_src}" alt="{$picture.title}" />
                {else}
                    <img src="{$picture_src}" alt="{$picture.title}" {$_Extra->media->image->showResized($picture_src, $_config.pic.img_width, $_config.pic.img_height)} />
                {/if}
            </a>
        </div>
        {/foreach}
        
        <div style="clear:both; height:0px;">&nbsp;</div>
    
    </div>
    
    {literal}
    <script language="javascript" type="text/javascript">
        $each($$('.picture'), function(pic, i){
            pic.addEvent('mouseover', function(e) { e.stop(); pic.addClass('hover'); });
            pic.addEvent('mouseout', function(e) { e.stop(); pic.removeClass('hover'); });
        });
    </script>
    {/literal}
 
 {/if}