(function($) {
  function initSlideshow() {
    var elem = $(this);
    var slides = $('#' + elem.attr('rel')).find('.slideshow-item');
    if (slides.size()) {
      elem.find('img').remove();
    }
    var initSlide = function() {
      var image;
      var slide = $(this);
      image = $('<img>').attr('src', slide.attr('rel'))
      image.addClass("hidden");
      image.appendTo(elem);
      slide.css({ cursor: 'pointer' });
      slide.bind('click', function() {
        elem.animate({ height: image.height() }, 300);
        image.siblings('img').addClass("hidden");
        image.removeClass("hidden");
      });
    }
    
    slides.each(initSlide);
    elem.find('img:first').removeClass("hidden");
  }
  
  $(document).ready(function() {
    $('.slideshow-target').each(initSlideshow)
  });
})(jQuery);