/*
 * David Gurba <webdev@id.ucsb.edu>
 * show.js - utilize the cycle jquery plugin and create a simple slideshow for
 * ucsb.edu. Assure there are slideshow controls for next/prev and play/pause.
 */
$(document).ready(function() {

  /* Show all slides as some are hidden for a progressive enchancement. */
  $('#slideshow img.slide').show();
  
  /* Init the slideshow for all images and wire up native event listeners. */
  $('#slideshow').cycle({
    fx: 'fade',
    cleartype: 1,
    //speed: 'fast',
    timeout: 6000,
    //delay: 2000,
    nowrap: 0,
    next: '#next2',
    prev: '#prev2'
  });

  /* Wire up all custom event listeners. */
  $('#slideshow_nav > #pause').toggle(
    function() {
      $(this).addClass('paused').removeClass('pause');
      $('#slideshow').cycle('pause');
    },
    function() {
      $(this).addClass('pause').removeClass('paused');
      $('#slideshow').cycle('resume');
    }
  );

  /* Show the navigation bar hidden by CSS as a progressive enhancement. */
  $('#slideshow_nav').show();

});