$(document).ready(function(){
  /* Slideshow */
  $("#slider").cycle({
    fx: 'fade',
    pager: '#button-list',
    timeout: 4500,
    pause: true,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) {
      return "<li><a class=\"dot\">&nbsp;</a></li>";
		}
	});
  
  /* Play pause button for the slideshow */
  $("#play-pause li").click(function(e){
    if($(this).hasClass('pause-btn')) {
      $(this).removeClass('pause-btn').addClass('play-btn');
      $("#slider").cycle('pause');
    } else {
      $(this).removeClass('play-btn').addClass('pause-btn');
      $("#slider").cycle('resume');
    }
  }); 
});