{% extends "website/base/base.html" %}
{% load tags_conteudos %}
{% load thumbnail %}
{% block principal %}
    <script>
        $('#menu').find('a#menu_multimedia').addClass('actual');
    </script>
<script>
    function change_page(page){
        $('#page').val(page).parents('form').submit();
    }
    function change_page_video(video){
        $('#page').parents('form').attr('action','./'+video).submit();
    }
</script>

<div class="bread"><a href="{% url home-view %}">Arquidiocese de Braga</a> / Multimédia / Vídeos</div>
<!--noticias-->
<form method="get" action="" >
    <input type="hidden" name="page" id="page" value="{{ page_obj.number }}" />
    <div>
        <div class="titulos"><a href="?page=1">Vídeos</a></div>

        <div class="espacamento_noticia pagina_rss">
            <div class="noticia_conteudo">
                <div>
                    <iframe src="{{ object.video|safe }}" class="video_wrapper" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                </div>

                {% for video in object_list %}
                    {% if not forloop.counter|divisibleby:2 %}<div>{% endif %}
                    <div class="{% cycle "left" "right" %} list_videos_home_col2">
                        {% with x=MEDIA_ROOT|add:video.foto %}
                        {% thumbnail x "68x68" crop="center" as im %}
                            <div class="left">
                                <img src="{{ im.url }}" width="68" height="68">
                            </div>
                        {% endthumbnail %}
                        {% endwith %}
                        <div class="right">
                            <div class="titulo_video_multi_home"><a href="javascript:change_page_video({{ video.pk }});">{{ video.titulo }}</a></div>
                            <div class="visitas_video_multi_home">
                                {% if video.assinatura %}by {{ video.assinatura }}<br/>{% endif %}
                                <!-- 100 views -->
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    {% if forloop.counter|divisibleby:2 or forloop.last %}<div class="clear"></div></div>{% endif %}
                {% endfor %}
            </div>
            <div class="clear"></div>
        </div>
        {% with js_callback_name="change_page" %}
        {% include "website/base/pagination.html" %}
        {% endwith %}
    </div>
</form>
<!--fim das noticias-->
{% endblock principal %}