{foreach from=$selectedFiles item=cFile}
    {if $cFile->data.file_origin eq 'upload'}
        <div class="fileBox">
            {if $noZoom eq true}
                <div class="fileBoxThumb" style="cursor:default;{if in_array($cFile->data['file_extension'], File::$allowedImageExtensions)}background-image:url({$cFile->getCloudinaryURL(96,96)});{else}background-image:url({$vars.resourcesUrl}filetypes/{$cFile->data.file_extension}.png);{/if}" id="postImage:{$cFile->data.file_id}">
                    {if $deletable}
                        <a href="#" class="option" onclick="{$deletableCallback}({$cFile->data.file_id},$(this).up('.fileBox'));return false;">X</a>
                    {/if}
                </div>
            {else}
                <a href="{$cFile->getUrl('raw')}" class="fileBoxThumb" style="{if in_array($cFile->data['file_extension'], File::$allowedImageExtensions)}background-image:url({$cFile->getCloudinaryURL(96,96)});{else}background-image:url({$vars.resourcesUrl}filetypes/{$cFile->data.file_extension}.png);{/if}" {if in_array($cFile->data['file_extension'], File::$allowedImageExtensions)}data-lightbox="image-1"{/if} id="postImage:{$cFile->data.file_id}">
                    {if $deletable}
                        <a href="#" class="option" onclick="{$deletableCallback}({$cFile->data.file_id},$(this).up('.fileBox'));return false;">X</a>
                    {/if}
                </a>
            {/if}
            <div class="fileBoxName" style="text-align:center;"><!--<a href="#" id="fileArea_fileRemove:{$cFile->data.file_id}" class="fileRemove">X</a>--> {$cFile->data.file_name}</div>
        </div>
    {elseif $cFile->data.file_origin eq 'youtube'}
        <div class="fileBox">
            <div class="fileBoxThumb" style="{if $noZoom eq true}cursor:default;{/if}background-image:url(https://i.ytimg.com/vi/{$cFile->data.file_reference}/1.jpg);" {if $noZoom eq false}onclick="startPlayer('{$cFile->data.file_reference}');"{/if} id="postImage:{$cFile->data.file_id}">
                {if $deletable}
                    <a href="#" class="option" onclick="{$deletableCallback}({$cFile->data.file_id},$(this).up('.fileBox'));return false;">X</a>
                {/if} 
                <span>{"Video"|gettext}</span>
            </div>
            <div class="fileBoxName" style="text-align:center;"><!--<a href="#" id="fileArea_fileRemove:{$cFile->data.file_id}" class="fileRemove">X</a>--> {$cFile->data.file_name}</div>
        </div>
    {/if}
{foreachelse}
    No files have been added.
{/foreach}