{% extends "base.html" %}
{% load catalogue_tags pagination_tags %}

{% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}

{% block bodyid %}tagged-object-list{% endblock %}

{% block extrahead %}
    <script type="text/javascript">
    // <![CDATA[
        $(function() {
            $('#books-list .book').hover(
                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
                function() { $(this).css({background: '#FFF'}); }
            ).click(function() {
                location.href = $('h2 a', this).attr('href');
            });
            
            $('#toggle-description').hover(
                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
                function() { $(this).css({background: '#EEE'}); }
            ).click(function() {
                if ($('#description').hasClass('hidden')) {
                    $('#description').slideDown('fast').removeClass('hidden');
                    $('p', this).html('Zwiń opis ▲');
                } else {
                    $('#description').slideUp('fast').addClass('hidden');
                    $('p', this).html('Rozwiń opis ▼');
                }
            });
            
            var target = $('#set-window div.target');
            
            $('#set-window').jqm({
                ajax: '@href', 
                target: target[0],
                overlay: 60,
                trigger: 'a.jqm-trigger', 
                onShow: function(hash) { 
                    var offset = $(hash.t).offset();
                    target.html('<p><img src="/media/img/indicator.gif" /> Ładowanie</p>');
                    hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
                onLoad: function(hash) { 
                    $('form', hash.w).ajaxForm({
                        target: target,
                        success: function() { setTimeout(function() { $('#set-window').jqmHide() }, 1000) }
                    });
                }});
        });
    // ]]>
    </script>
{% endblock %}

{% block body %}
    <h1>{% title_from_tags tags %}</h1>
    {% breadcrumbs tags %}
    
    {% autopaginate object_list 10 %}
    <div id="books-list">
        {% with tags|last as last_tag %}
        {% if last_tag.has_description %}
            <div id="description">
                {{ last_tag.description|safe }}
            </div>
            <div id="toggle-description"><p>Zwiń opis ▲</p></div>
        {% endif %}
        {% endwith %}
        <ol>
        {% for book in object_list %}
            <li>{{ book.short_html }}</li>
        {% endfor %}
        </ol>
        {% paginate %}
    </div>
    <div id="tags-list">
        <div id="categories-list">
            {% if categories.author %}
                <h2>Autorzy</h2>
                {% tag_list categories.author tags %}
            {% endif %}
            {% if categories.kind %}
                <h2>Rodzaje</h2>
                {% tag_list categories.kind tags %}
            {% endif %}
            {% if categories.genre %}
                <h2>Gatunki literackie</h2>
                {% tag_list categories.genre tags %}
            {% endif %}
            {% if categories.epoch %}
                <h2>Epoki</h2>
                {% tag_list categories.epoch tags %}
            {% endif %}        
        </div>
        <div id="themes-list">
            {% if categories.theme %}
                <h2>Motywy</h2>
                {% tag_list categories.theme tags %}
            {% endif %}
        </div>
        <div class="clearboth"></div>
    </div>
    <div id="set-window">
        <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
        <div class="target">
            <p><img src="/media/img/indicator.gif" alt="*"/> Ładowanie</p>
        </div>
    </div>
{% endblock %}