/**
 * this is code to make the microsite slideshows run
 **/

jQuery(function ($) {

    $('#slideshow-container').cycle({
      fx:     'fade', 
      timeout: 4000, 
      speed: 500,
      delay: 0,
      prev: '#slideshow-control-prev',
      next: '#slideshow-control-next',
      before: slideshowOnBefore 
    });


    function slideshowOnBefore() { 
      $('#slideshow-imageId').text($(this).attr('rel')); 
    } 

    $('#slideshow-control-pause').toggle( function(){
        $(this).attr('src','/images/control-pause-on.gif');
        $('#slideshow-control-play').attr('src','/images/control-play.gif');
        $('#slideshow-container').cycle('pause');
    },
    function(){
        $(this).attr('src','/images/control-pause.gif');
        $('#slideshow-control-play').attr('src','/images/control-play-on.gif');
        $('#slideshow-container').cycle('resume');
    }); 
    
    $('#slideshow-control-play').click( function(){
        $(this).attr('src','/images/control-play-on.gif');
        $('#slideshow-control-pause').attr('src','/images/control-pause.gif');
        $('#slideshow-control-stop').attr('src','/images/control-stop.gif');
        $('#slideshow-container').cycle(0);
        $('#slideshow-container').cycle('resume');
    }); 
    
    $('.slideshow-thumb').click(function(){ 
        $('#slideshow-container').cycle(parseInt($(this).attr('rel'),10));
    });
 

});