{% extends 'band/base.html' %}
{% block title %}The Madeira{% endblock %}
{% block custom_css %}
<link rel="stylesheet" href="{{ MEDIA_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="{{ MEDIA_URL }}js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.cross-slide.min.js"></script>
<script type="text/javascript">
$(function() {
   $('a.fancybox').fancybox();
   $('#slideshow').crossSlide({
     speed: 45,
     fade: 1
   }, [
      { src: '{{ MEDIA_URL }}images/slideshow/1.jpg', dir: 'up'   },
      { src: '{{ MEDIA_URL }}images/slideshow/2.jpg', dir: 'down' },
      { src: '{{ MEDIA_URL }}images/slideshow/3.jpg', dir: 'up'   },
      { src: '{{ MEDIA_URL }}images/slideshow/4.jpg', dir: 'down' },
      { src: '{{ MEDIA_URL }}images/slideshow/5.jpg', dir: 'up'   },
      { src: '{{ MEDIA_URL }}images/slideshow/6.jpg', dir: 'down' }
   ]);
});
</script>
{% endblock %}
{% load markup %}
{% block content %}
<h1>The Madeira</h1>
<img class="floatLeftBox" src="{{ config.intro_photo.image.url }}" 
   alt="{{ config.intro_photo.title }}" title="{{config.intro_photo.title}}" border="0" />
{{ config.intro_text|textile }}
<br />

{% if upcomingDates %}
<div class="center-block">
<h2>Upcoming Shows...</h2>
 
<center><table border="0" cellspacing="10" cellpadding="3"><tr>
{% for gig in upcomingDates %}
   {% if gig.flyer %}
   <td>
   <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
      <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.flyer.caption }}" title="{{ gig.flyer.caption }}" /></a>
   <br /><center>{{ gig.flyer.caption }}</center>
   </td>
   {% endif %}
{% endfor %}
</tr></table></center>

<ul>
{% for show in upcomingDates %}
<li><strong>{{ show.date|date:"l, F d" }}</strong>: {{ show.venue.name }}, {{ show.venue.city.name }}{% if show.venue.city.state %}, {{ show.venue.city.state.name }}
{% endif %}
{% ifnotequal show.venue.city.country.name "USA" %}
{{ show.venue.city.country.name }}
{% endifnotequal %}
</li>
{% endfor %}
</ul>
<center><a href="{% url mysite.band.views.gigs %}">See all upcoming shows...</a></center>
</div>
{% endif %}

<div>
   <center>
   <h2>Highlights of Summer 2010</h2>
   <div id="slideshow">
   </div>
   <p>The Madeira at FesTiki 2010. Photos by <a href="http://www.fennerphotography.com/">Fenner Photography</a>.</p>
   <object width="500" height="405"><param name="movie" value="http://www.youtube.com/v/-vSs2SoIBkI?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-vSs2SoIBkI?fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0x2b405b&amp;color2=0x6b8ab6&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"></embed></object>
   <p>The Madeira perform <strong>The Witch Doctor</strong> (a new original!) at FesTiki 2010. Video courtesy of
   Unsteady Freddie.</p>
   </center>
</div>

<div class="newsflash">
   <center>
   <table border="0" cellspacing="2" cellpadding="2" width="100%">
      <tr><td colspan="2"><center><h1>The Madeira Releases:</h1></center></td></tr>

      <tr><td colspan="2"><center>
                  <img src="{{ carpe.image.url }}" alt="Carpe Noctem Cover" title="Carpe Noctem" border="0" />
               </center></td></tr>
      <tr><td colspan="2"><center><strong>Available Now: Carpe Noctem!</strong><br />
                  </center></td></tr>
      <tr><td><center><a href="http://www.dblcrown.com"><img src="{{ sandstorm.image.url }}" alt="Sandstorm CD Cover"
                  title="Sandstorm" border="0" /></a></center></td>

          <td><center><a href="http://www.dblcrown.com"><img src="{{ ruins.image.url }}" alt="Ruins EP Cover" title="Ruins"
                  border="0" /></a></center></td></tr>
      <tr><td><center><a href="http://www.dblcrown.com">Sandstorm</a></center></td>
         <td><center><a href="http://www.dblcrown.com">Ruins</a></center></td></tr>
   </table>
   </center>
</div>

{% endblock %}