--- a/mysite/templates/band/index.html	Tue May 11 23:18:32 2010 +0000
+++ b/mysite/templates/band/index.html	Sun Aug 29 18:38:42 2010 +0000
@@ -6,6 +6,22 @@
 {% 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="{{ MEDIA_URL }}js/jquery.cross-slide.min.js"></script>
+<script type="text/javascript">
+$(function() {
+   $('#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 %}
@@ -45,6 +61,11 @@
 </div>
 {% endif %}
 
+<div>
+   <div id="slidshow">
+   </div>
+</div>
+
 <div class="newsflash">
    <center>
    <table border="0" cellspacing="2" cellpadding="2" width="100%">