$(document).ready(function(){
  /* Slideshow */
  $("#promo").cycle({
    fx: 'fade',
    pager: '#button-list',
    timeout: 4500,
    pause: true,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) {
      return "<li><a class=\"dot\">&nbsp;</a></li>";
    },
    after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
      /* Get the link from the next <a> and assign it to the learn-more button */
      var slide_link = $(nextSlideElement).attr('href');
      $("#learn-more-link").attr('href', slide_link);
    }
  });
  
  /* Play pause button for the slideshow */
  $("#play-pause li").click(function(e){
    if($(this).hasClass('pause-btn')) {
      $(this).removeClass('pause-btn').addClass('play-btn');
      $("#promo").cycle('pause');
    } else {
      $(this).removeClass('play-btn').addClass('pause-btn');
      $("#promo").cycle('resume');
    }
  }); 
});