{% extends layout %}
{% block title %}Stiletto.fr - magazine de mode : Coups de foudre, coups de coeur, coups de tête{% if page is defined and page != 1 %} | Page {{ page }}{% endif %}{% endblock %}

{% block breadcrumb %}
    >
    <div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope>
        <a itemprop="url" href="{{ path('index') }}">
            <span itemprop="title">Accueil</span>
        </a>
    </div>
    &gt;
    <div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope>
        <span itemprop="title">A la une</span>
    </div>
{% endblock %}

{% block body %}
<div id="infinitescroll">
    {% for post in posts %}
        {% include 'StilettoCmsBundle:Featured:home.html.twig' with {'featured': post}  %}
    {% else %}
        Pas d'articles
    {% endfor %}
</div>
<div class="pager">
{{ pager('featured_list', filter) }}
</div>
<script src="{{ asset('js/jquery.infinitescroll.min.js') }}" ></script>
<script>
$(document).ready(function(){
    $('#infinitescroll').infinitescroll({
        loading: {
            finishedMsg: "Il n'y a plus d'article à charger",
            img: "/images/loading.gif",
            msgText: "Chargement en cours..."
        },
        debug        : false,
        pathParse    : false,
        animate      : false,
        bufferPx     : 1000,
        navSelector  : '.pager',
        nextSelector : '.pager .next-off a',
        itemSelector : '.loadmore'
    });
});
</script>
{% endblock %}

{% block javascripts %}{% endblock %}