{% block galeria %}
<div class="row">
    <div id="slider-imagenes" class="carousel slide">
        <ol class="carousel-indicators">
            {% set max = galeria.imagenes|length - 1 %}
            {% for i in range(low=0, high=max, step=1) %}
            <li data-target="#slider-imagenes" data-slide-to="{{ i }}" {% if(i==0) %} class="active" {% endif %}></li>
            {% endfor %}
        </ol>
        <div class="carousel-inner">
            {% for i in range(low=0, high=max, step=1) %}
            <div class="item  {% if(i==0) %}active{% endif %}">
                <img src={{ galeria.imagenes[i]['slider'] }} class="img-responsive">
            </div>		
            {% endfor %}
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#slider-imagenes" role="button" data-slide="prev"><span class="fa fa-chevron-left"></span></a>
        <a class="right carousel-control" href="#slider-imagenes" role="button" data-slide="next"><span class="fa fa-chevron-right"></span></a>

    </div>
</div>
<script src="../common/js/modulos/galerias.js"></script>
<script>
    $(document).ready(function(e) {
        settings = {
            'div_links': 'carrusel-imagenes',
            'galeria_container': '#blueimp-carrusel'
        }
        Galerias.InitSlider(settings);
    });
</script>
{% endblock %}