$(document).ready(function(){

// RUN THE SLIDESHOW - NB THE FIRST IMAGE IN THE SLIDESHOW IS ALSO SET AS THE BG OF THE CONTAINER DIV

// BASIC VERSION CROSSFADING
$('#slideshow').crossSlide({
  sleep: 3,
  fade: 2
}, [
  { src: 'images/slide1.jpg', href: 'biography.html'},
  { src: 'images/slide2.jpg', href: 'biography.html'},
  { src: 'images/slide3.jpg', href: 'biography.html'},
  { src: 'images/slide4.jpg', href: 'biography.html'},
  { src: 'images/slide5.jpg', href: 'biography.html'},
  { src: 'images/slide6.jpg', href: 'biography.html'},
  { src: 'images/slide7.jpg', href: 'biography.html'},
  { src: 'images/slide8.jpg', href: 'biography.html'},
  { src: 'images/slide9.jpg', href: 'biography.html'},
  { src: 'images/slide10.jpg', href: 'biography.html'},
  { src: 'images/slide11.jpg', href: 'biography.html'} // no comma after the last one
]);


// --------------------------------------------------------------------
}); // end JQ document ready