{% extends 'base.html' %}
{% block title %}The Madeira | Photo Galleries{% endblock %}
{% block custom_css %}
<link rel="stylesheet" href="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
{% endblock %}
{% block custom_js %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript">
$(function() {
   $('a.fancybox').fancybox();
});
</script>
{% endblock %}
{% block content %}
<h1>Madeira Photo Galleries</h1>
{% if galleries %}
   <ul>
   {% for gallery in galleries %}
      <li><a href="{% url 'band.views.photo_detail' gallery.id %}">{{ gallery.title }}</a></li>
   {% endfor %}
   </ul>
{% else %}
No photo galleries available at this time.
{% endif %}
{% if random_photos %}
   <div class="madeira-photo-list">
   <h2>Random Photos:</h2>
   {% for photo in random_photos %}
      <a href="{{ photo.image.url }}" class="fancybox" rel="madeira-gallery">
         <img src="{{ photo.get_thumbnail_url }}" alt="{{ photo.caption }}" title="{{ photo.caption }}" /></a>
   {% endfor %}
   </div>
{% endif %}
{% endblock %}