$(document).ready(function() {

/* Setup slide images from list of image links */
  $('<div id="gallery"></div>').appendTo('div#content');
  $('<div id="slides" class="pics"></div>').appendTo('div#gallery');
  $('ul.images a').each(function(index) {
    $(this)
      .before('<div class="imgdesc"><img src="' + $(this).attr('href') + '" /></div>');
    });
  $('ul.images div').clone().appendTo('#slides');
  $('ul.images').remove();

/* Setup slideshow controls and cycle effects */
  $('<div id="controls"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a><a href="#" id="pause">Pause</a><a href="#" id="play">Play</a></div>').insertBefore('div#slides');
    $('#pause').click(function() { $('#slides').cycle('pause'); return false; });
    $('#play').click(function() { $('#slides').cycle('resume'); return false; });
    $('#gallery').hover(
        function() { $('#controls').fadeIn(); },
        function() { $('#controls').fadeOut(); }
    );
     $('#slides').cycle({
        fx:     'fade',
        speed:   2000,
        timeout: 6000,
        next:   '#next',
        prev:   '#prev'
    });
});