{% extends 'band/base.html' %}
{% load url from future %}
{% block title %}The Madeira{% 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 %}
{% 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>Sandstorm from Sound of the Surf</h2>
<object width="640" height="390"><param name="movie" value="http://www.youtube-nocookie.com/v/IFnyaCPyJSk?fs=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/IFnyaCPyJSk?fs=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390"></embed></object>
<p>Another clip from the upcoming film <a href="http://soundofthesurf.com">Sound of the Surf</a> has just been released, and it is our performance of Sandstorm! This movie cannot come out soon enough!</p>
</center>
</div>
<div>
   <center>
   <h2>New Song Preview!</h2>
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/B67E923C98CCECD8?hl=en_US&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/B67E923C98CCECD8?hl=en_US&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object>
   <p>Check out this set of 6 videos from our show at Mahogany's in February. Five of the songs are new originals slated for our new album! Video courtesy of TikiTim.</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 %}