{% if featured == true %}{% set index = loop.index - 1  %}{% else %}{% set index = loop.index  %}{% endif %}
{% if index == 1 %}
    <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 %}
{% 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">{{ app.request.attributes.get('domain').title }}</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 %}<a href="{{ path('blog_permalink', {'postSlug': post.slug}) }}">{{ post.title }}</a></h2>
    <div class="post-content">
        <p class="post-content-{{ column }}">{{ post.shortdescription }}</p>
    </div>
    {% for media in post.medias %}
        <div style="text-align:center">
        <a href="{{ path('blog_permalink', {'postSlug': post.slug}) }}" rel="nofollow">
        {% if column == 'left' %}
            {{ media(media, {'thumbnail':true, 'height': 300})|raw }}
        {% else %}
            {{ media(media, {'thumbnail':true, 'height': 500})|raw }}
        {% endif %}
        </a>
        </div>
    {% endfor %}
    <footer class="post-footer">
    </footer>

</article>

{% if not loop.first and (index) is divisibleby(4) %}

        {% if not loop.first and (index) in [4] %}
            <style>#link_adscarette {background: url('img/carette.jpg') no-repeat;display: block;width: 300px;height: 420px;margin-bottom: 2em;float: left;text-indent: -10000px;}</style>
            <div class="fb-like-box" style="text-align:center; margin-left:10px"><a onClick="_gaq.push(['_trackEvent', 'Ads', 'carette']);" href="http://www.carette-paris.com/fr/" id="link_adscarette" rel="nofollow" target="_blank">Carette </a></div>
        {% elseif not loop.first and (index) in [6] %}
          <div id="facebook-{{loop.index}}" class="fb-like-box loadmore" data-href="http://www.facebook.com/stilettomagazine" data-width="320" data-height="220" data-show-faces="true" data-stream="false" data-header="true"></div>
        {% elseif not loop.first and (index) == 8 %}
          <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
          <div id="twitter-{{loop.index}}" class="fb-like-box loadmore">
            <script>
            new TWTR.Widget({
              version: 2,
              type: 'profile',
              rpp: 2,
              interval: 30000,
              width: 320,
              height: 150,
              theme: {
                shell: {
                  background: '#00a0d1',
                  color: '#ffffff'
                },
                tweets: {
                  background: '#ffffff',
                  color: '#6b6a6b',
                  links: '#b6192b'
                }
              },
              features: {
                scrollbar: false,
                loop: false,
                live: false,
                behavior: 'all'
              }
            }).render().setUser('stilettoedition').start();
            </script>
            </div>
        {% elseif (index) is divisibleby(8) %}
        <div id="add-{{loop.index}}" style="width:310px; height:300px;text-align:center;background: none repeat scroll 0 0 #EEEEEE;border: 1px solid #CCCCCC;" class="fb-like-box loadmore ">
            <div class="couverture" style="margin:10px 60px;width:200px;" >
                <div class="slides_container">
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/Stiletto-35_290px.jpg') }}" height="250"/></div>
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/cover_28.jpeg') }}" height="250"/></div>
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/cover_27.jpeg') }}" height="250"/></div>
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/cover_26.jpeg') }}" height="250"/></div>
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/cover_25.jpeg') }}" height="250"/></div>
                <div><img src="{{ asset('uploads/_stiletto/show_covers_spread/cover_24.jpeg') }}" height="250"/></div>
                </div>
            </div>
            <h2 class="title post-title"><a href="{{ path('abonnement') }}">Abonnez-vous !</a></h2>
        </div>
        {% endif %}
    {% endif %}