<div id="slideshow"><p>jQuery Image slideshow here</p></div> -->

<div id="slideshow">
	<div id="slideshow-reel"> 
		<div class="slide"> 
			<a href="images/slide1-920x450-cover2.jpg"><img src="images/slide1-920x450-cover2.jpg" alt="Slide: Bondi to the Opera House The Trams that linked Sydney cover"></a>
			</div> 
		
			<div class="slide"> 
			<a href="images/slide2-920x450-pages-16-17.jpg"><img src="images/slide2-920x450-pages-16-17.jpg" alt="Slide: pages 16 and 17"> </a>
			</div> 
			
			<div class="slide"> 
			<a href="images/slide3-920x450-pages-44-45.jpg"><img src="images/slide3-920x450-pages-44-45.jpg" alt="Slide: pages 44 and 45"> </a>
			</div> 
			
			<div class="slide"> 
			<a href="images/slide6-920x450-pages-50-51.jpg"><img src="images/slide6-920x450-pages-50-51.jpg" alt="Slide: pages 50 and 51"> </a>
			</div> 
			
			<div class="slide"> 
			<a href="images/slide4-920x450-pages-64-65.jpg"><img src="images/slide4-920x450-pages-64-65.jpg" alt="Slide: pages 64 and 65"></a>
			</div> 
			
			<div class="slide"> 
			<a href="images/slide5-920x450-pages-76-77.jpg"><img src="images/slide5-920x450-pages-76-77.jpg" alt="Slide: pages 76 and 77"></a>
		</div> 
	</div> 
	
	<div id="slideshow-left" class="slideshow-arrow"></div> 
	<div id="slideshow-right" class="slideshow-arrow"></div> 
	
	</div>

Script to go in between the body tags.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<!-- scrolling -->
<script src="js/scroll.js"></script>
<!-- lightbox js-->
<script src="js/jquery.lightbox-0.5.min.js"></script>
<!-- cycle -->
<script src="js/jquery.cycle.all.min.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){
	
	/* image lightbox */
	$('#photoGallery div a').lightBox();
	$('#slideshow-reel a').lightBox();
	
	/* new slideshow */
	$('#slideshow-reel').cycle({ 
        fx: 'scrollHorz', 
		prev:   '#slideshow-left', 
		next:   '#slideshow-right',
		pause: 1,
		timeout: 0
	});

});
 
</script> 
 
<script type="text/javascript"> 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3123668-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>