/**

 * List the slideshow images in the order you would like them to appear.

 * The slideshow must be 370x430px (height x width).

 */

var images = [

    // Image 01.jpg is always included to ensure something is always displayed even when JavaScript is disabled.

    //'slideshow/01.jpg',



    // List image file names, prefixed with the containing directory name. 

    'slideshow/02.jpg',

    'slideshow/03.jpg',

    'slideshow/04.jpg',

    'slideshow/05.jpg',

    'slideshow/06.jpg',

    'slideshow/07.jpg',

    'slideshow/08.jpg',

    'slideshow/09.jpg',

    'slideshow/10.jpg',

    'slideshow/11.jpg',

    'slideshow/12.jpg',

    'slideshow/13.jpg',

    'slideshow/14.jpg',

    'slideshow/15.jpg',

    'slideshow/16.jpg',

    'slideshow/17.jpg',

];





$(function() {

    for(var i = 0, length = images.length; i < length; i++)

        $('#slideshow').append('<img src="images/' + images[i] + '" alt="Slideshow image" height="370" width="430" />');



    $('#slideshow').cycle({fx:'fade', speed:3000, timeout:10000});

});