{% extends "base.html" %}
{% block title %}Home{% endblock %} 
{% load info %}
{% block css %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/home.css"/>
{% endblock %}

{% block javascript %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.lavalamp.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/slides.min.jquery.js"></script>

<script type="text/javascript">
 $(document).ready(function() {
            $(".lavaLamp").lavaLamp({ speed: 700 });

            var $a = jQuery.noConflict()
    
           $a('#slides').slides({
                preload: true,
                generatePagination: false,
                preloadImage: 'holding/static/img/loading.gif',
                play: 5000,
                pause: 2500,
                hoverPause: true
            });
    
 });
</script>


   

{% endblock %} 

{% block center %}
<div class="home">
	<div class="home_slide">
        <div id="slides" class="sl">
            <div class="slides_container">
                    {% for foto in fotos %}
                        {% if foto.url %} <a href="{{ foto.url }}" target='_blank'> {% endif %} <img height="350" width="730" class="home_slide_img" src="{{foto.foto.url}}"> {% if foto.url %}</a> {% endif %}
                    {% endfor %}
            </div>
            <a href="#" class="prev home_slide_setas_1"></a>
            <a href="#" class="next home_slide_setas_2"></a>
        </div>
    </div>
    {% urls_sites_grupos_imagens %}
</div>
{% endblock %}