$(document).ready(function() {
  $('.home-splash')
    .after('<a href="#" id="prev" class="prev prevnext replace"><span>prev</span></a><a href="#" id="next" class="next prevnext replace"><span>next</span></a><div class="shadow shadow-left"></div><div class="shadow shadow-right"></div>')
    .append('<div class="slideshow-frame"><div class="caption"></div></div>');
  var $slideshowFrame = $('.slideshow-frame'),
      $caption = $('.caption');

  var $startSlide = $('ul.slides li:eq(2)');
  linkify($startSlide);
  $caption.html($startSlide.find('.description').html());
  
  $(window).bind('load', function() {
    $('#slideshow').css({top: '0', opacity: 0.1}, 400).fadeTo(400, 1.0);
  });
  $('#slideshow').jCarouselLite({
    btnPrev: '.prev',
    btnNext: '.next',
    auto: 4500,
    start: 1,
    speed: 400,
    beforeStart: function() {
      $caption.fadeOut(200);
    },
    afterEnd: function($li) {
      var captionText = $li.eq(1).find('.description').html();
      linkify($li.eq(1));      
      $caption.html(captionText).fadeIn();
    }
  });

  function linkify($slide) {
    $slideshowFrame.unbind('click.linkify');
    if ($slide.find('a').length) {
      $slideshowFrame
        .addClass('linked')
        .bind('click.linkify', function() {
          location.href = $slide.find('a')[0].href;
        });
    } else {
      $slideshowFrame.removeClass('linked');
    }
  }
  
  $('.slideshow-frame').bind('mouseenter mouseleave', function(event) {
    if ($(this).is('.linked')) {
      $(this)[event.type == 'mouseenter' ? 'addClass' : 'removeClass']('hovered');
    }
  });
});