$(document).ready(function() {
	// start slideshow
	$('#slideshow').cycle({ 
		fx:     'fade', 
		speed:  500,
		timeout: 6000, 
		pager:  '#previews', 
        prev:    'a.back',
        next:    'a.next',	
		cleartype: true,
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return '#previews li:eq(' + idx + ') a'; 
		} 
	});
	
	// pause
	$('a.pause img').toggle(function()
         {
         $('#slideshow').cycle('pause');
		 $(this).attr({ 
          src: "/wp-content/themes/living-colour/images/controls/play.gif",
          title: "Play",
          alt: "Play"
        });

         },function() {
         $('#slideshow').cycle('resume');
		 $(this).attr({ 
          src: "/wp-content/themes/living-colour/images/controls/pause.gif",
          title: "Pause",
          alt: "Pause"
        });		 
    });


	// before
	$('a.before').click(function() { 	
		// pause the slideshow
		$('#slideshow').cycle('pause');  
		//show the before image
		$('#before').fadeIn('fast');  		
	});
	
	//close before
	$('#before').click(function() { 	
		// hide the before image
		$('#before').fadeOut('fast');  			
		//resume the slideshow
		$('#slideshow').cycle('resume')
	});	
	
	//hide before link if no image present
	if ($("#before > img").size() == 1) {
		$("a.before").hide();
	};

});