{% if featured == true %}{% set index = loop.index - 1  %}{% else %}{% set index = loop.index  %}{% endif %}

{% if index == 1 %}
    {# {% include 'StilettoCmsBundle:Frontend:pave.html.twig' %} #}
    <div style="margin-left:0px;float: left;margin-bottom: 2em;clear: left;text-align:center; height: 220px;">
        {{ getAd('paveColGauche', 1) }}
    </div>
{% endif %}

{% if index is even %}{% set column = 'left' %} <div class="shoe-left"><img src="{{ asset('img/timeline_left.png')}}" /></div>{% else %}{% set column = 'right' %}{% endif %}
<article class="post post-{{ column }} loadmore" id="article-{{loop.index}}">

    <header class="post-header">
        <strong class="title category-title">{% for category in post.categories %}{{ category }} {% endfor %}</strong>
        <time class="pubdate" datetime="{{ post.publishedat|date('Y-m-d\\Th:m:sP') }}">{{ post.publishedat|datetrans }}<span class="year">{{ post.publishedat|date('Y') }}</span></time>
    </header>
    <h2 class="title post-title">{% if post.status.id != 1 %}<blink>[BROUILLON]</blink> {% endif %}
        {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}">{{ post.title }}</a>{% endif %}
    </h2>
    <div class="post-content">
        <p class="post-content-{{ column }}">{{ post.shortdescription }}</p>
    </div>
    {% for media in post.medias %}
        <div style="text-align:center">
        {% if post.categories.0 is defined %}<a href="{{ path('permalink', {'categorySlug':post.categories.0.slug , 'postSlug': post.slug}) }}" rel="nofollow">{% else %}<a href="#" rel="nofollow">{% endif %}
        {% if column == 'left' %}
            {{ media(media, {'thumbnail':true, 'height': 300, 'width' : 300})|raw }}
        {% else %}
            {{ media(media, {'thumbnail':true, 'height': 500, 'width' : 500})|raw }}
        {% endif %}
        </a>
        </div>
    {% endfor %}
    <footer class="post-footer">
        <p></p>
    </footer>
        
    {% if not loop.first and (index) is divisibleby(2) %}
            <div class="fb-like-box loadmore">
                {{ getAd('paveColGauche', (index/2)+1) }}
            </div>
    {% elseif index is not divisibleby(2) %}
            <div style="float:right;width:495px;">
                {{ getAd('paveColDroite', index|twFloor) }}
            </div>
    {% endif %}
</article>
{#% if loop.last %}
    <div class="fb-like-box" style="text-align:center; margin-left:10px"><a href="{{ path('abonnement') }}" id="link_abo_big">S'abonner</a></div>
{% endif %#}