{% block galeria %}
<div class="pad-b-20" id="links-{{galeria.id}}">
	<div class="gallery">
        {% for imagen in galeria.imagenes %} 
            {% if( (loop.index - 1)  % galeria.columnas == 0) %}
            {% set abrir = 1 %}
            <div class="item row-fluid {% if loop.first %}active{% endif %}">
            {% endif %}
            <a href="{{ imagen['ficha'] }}" class="fancybox" rel="fancybox-thumb">
                <div class="gallery-item isotope-item col-md-{{ galeria.num_cols }} col-xs-{{ galeria.num_cols }}">
                    <img src="{{ imagen['listado'] }}" alt="{{ imagen.titulo }}">
                    <div class="hover-icon">
                    	<i class="fa fa-search-plus fa-3x"></i>
                    </div>
                </div>
            </a>
            {% if((loop.index - 1) % galeria.columnas == galeria.limite) %}
                {% set abrir = 0 %}
                 </div>
            {% endif %}
            {% if loop.last == true %}
                {% if abrir == 1 %}
                </div>
                {% endif %}
            {% endif %}	
        {% endfor %}
    </div><!--/gallery-->
</div><!--/links-->

<div id="blueimp-gallery-{{galeria.id}}" class="blueimp-gallery blueimp-gallery-controls">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>

<script src="../common/js/modulos/galerias.js"></script>
<script>
$(document).ready(function(e) {
	settings = {
		div_links:'links-{{galeria.id}}',
		blueimp_container: '#blueimp-gallery-{{galeria.id}}'	
	}
    Galerias.InitPortfolio(settings);
});
</script>

{% endblock %}