(function ($) {
  $(document).ready(function () {
    function setCurrentSlideHref() {
      var link = $(this).find('a:first');
      currentSlideHref = link.attr('href');
    }

    var slideshow = $('#slideshow > ul');
    var nav = $('<div id="slideshow-nav" />');
    var mask = $('<div id="slideshow-mask" />');
    var currentSlideHref = slideshow.find('a:first').attr('href');

    slideshow
      .before(nav)
      .before(mask)
      .cycle({
        easing: 'easeinout',
        fx: 'scrollHorz',
        pager: '#slideshow-nav',
        pause: true,
        pauseOnPageHover: true,
        speed: 500,
        timeout: 4000,
        before: setCurrentSlideHref
      });

    mask.hover(
      function () { slideshow.cycle('pause'); },
      function () { slideshow.cycle('resume'); }
    );

    mask.click(function () {
      window.location.href = currentSlideHref;
    });
  });
})(jQuery);