--- a/mysite/templates/band/gigs.html	Sun Aug 29 19:12:41 2010 +0000
+++ b/mysite/templates/band/gigs.html	Wed Sep 08 00:43:03 2010 +0000
@@ -1,11 +1,16 @@
 {% extends 'band/base.html' %}
 {% block title %}The Madeira | Shows{% endblock %}
 {% block custom_css %}
-<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/thickbox.css" />
+<link rel="stylesheet" href="{{ MEDIA_URL }}css/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
 {% endblock %}
 {% block custom_js %}
-<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.js"></script>
-<script type="text/javascript" src="{{ MEDIA_URL }}js/thickbox.js"></script>
+<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">
+$(function() {
+   $('a.fancybox').fancybox();
+});
+</script>
 {% endblock %}
 {% block content %}
 <h1>Show Dates</h1>
@@ -15,7 +20,7 @@
    {% for show in upcoming %}
       <p style="clear:both">
       {% if show.flyer %}
-         <a href="{{ show.flyer.image.url }}" class="thickbox" rel="madeira-gallery">
+         <a href="{{ show.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
             <!-- <img style="float:left; margin-right:5px; margin-bottom:1em" src="{{ show.flyer.get_thumbnail_url }}" -->
             <img class="left" src="{{ show.flyer.get_thumbnail_url }}" 
                alt="{{ show.flyer.caption }}" title="{{ show.flyer.caption }}" /></a>
@@ -88,7 +93,7 @@
       <table class="image-table">
          <caption>{{ gig.venue.name}}, {{ gig.date|date:"F 'y" }}</caption>
          <tr><td>
-         <a href="{{ gig.flyer.image.url }}" class="thickbox" rel="madeira-gallery">
+         <a href="{{ gig.flyer.image.url }}" class="fancybox" rel="madeira-gallery">
             <img src="{{ gig.flyer.get_thumbnail_url }}" alt="{{ gig.date|date:"F d, Y" }}" title="{{ gig.date|date:"F d, Y" }}" /></a>
          </td></tr>
       </table>