{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 vars0='page' vars1=$_vars.return_albs_page}">{$_config.pic.albs_link_text}</a>
    </div>
    {/if}
    
    <div class="pics">
    
        <div class="pics_text">{$_config.pic.pics_text}</div> 
       
       	{if $_config.slide_statut == 'enabled'}
		<div class="container">
        <ul id="pics{$_module.idlinker}" class="pics">
        {/if}
        
        {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'}
                    <img src="images/{$_config.pic.img_width}x{$_config.pic.img_height}/{$picture_src}"{if $_mconfig.title=='true'} alt="{$picture.title}"{/if} />
                {else}
                    <img 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)} />
                {/if}
            {/capture}
            {capture name="title"}
                <div class="title">{$picture.title}</div>
            {/capture}
            {capture name="description"}
                <div class="description">{$picture.description}</div>
            {/capture}
    		
            {if $_config.slide_statut == 'enabled'}
            <li>
            {/if}
            
            	<div class="pic">
                {if $_config.pics.mode == '1'}
                    <table style="width:100%; height:100%;" cellpadding="0" cellspacing="0">
                        <tr>
                            <td class="picture">
                                {$smarty.capture.picture}
                            </td>
                                {if $_config.pic.title_show=='true' && $_mconfig.title=='true'
                                || $_config.pic.description_show=='true' && $_mconfig.description=='true'}
                                    <td class="title-description">
                                        {if $_config.pic.title_show=='true' && $_mconfig.title=='true'}{$smarty.capture.title}{/if}
                                        {if $_config.pic.description_show=='true' && $_mconfig.description=='true'}{$smarty.capture.description}{/if}
                                    </td>
                                {/if}
                        </tr>
                    </table>
                {elseif $_config.pics.mode == '2'}
                    <table style="width:100%; height:100%;" cellpadding="0" cellspacing="0">
                        <tr>
                            <td class="picture">
                                {$smarty.capture.picture}
                            </td>
                        </tr>
                        {if $_config.pic.title_show=='true' && $_mconfig.title=='true'
                        || $_config.pic.description_show=='true' && $_mconfig.description=='true'}
                        <tr>
                            <td class="title-description">
                            	{if $_config.pic.title_show=='true' && $_mconfig.title=='true'}{$smarty.capture.title}{/if}
                            	{if $_config.pic.description_show=='true' && $_mconfig.description=='true'}{$smarty.capture.description}{/if}
                            </td>
                        </tr>
                        {/if}
                    </table>
                {/if}
                </div>
                
            {if $_config.slide_statut == 'enabled'}   
            </li>
            {/if}
            
        {/foreach}
        
        {if $_config.slide_statut == 'enabled'}
        </ul>
        </div>
        {/if}
        
        <div style="clear:both; height:0px;">&nbsp;</div>
        
        {if $_config.slide_statut == 'enabled'}
        {literal}
        <script language="javascript" type="text/javascript">
        var ticker{/literal}{$_module.idlinker}{literal} = new Ticker('pics{/literal}{$_module.idlinker}{literal}',{
            {/literal}
            speed:{$_config.slide.speed},
            delay:{$_config.slide.delay},
            direction:'{$_config.slide.sens}'
            {literal}
        });
        </script>
        {/literal}
        {/if}
    
    </div>
 
{/if}