// Document ready
$(function() {
  // Create lightbox for sidebar
  var lateEvents = new $.LateBoundEvents();
  $.LightboxEvents.description.bind(lateEvents);
  $.LightboxEvents.slidedown.bind(lateEvents);
  $.LightboxEvents.header.bind(lateEvents);

  $(".lightbox").lightbox({
    name: "zijbalkfunction",
    mode: "single",
    minWidth: 250,
    events: lateEvents,
    end: "#ip-lightbox-dimscreen"
  });

  $(".info").info();
  $(".uitklappen").uitklappen();
});

(function($) {
  $.fn.info = function() {
    var infos = $(this);
    infos.css("opacity", "0").hide();

    infos.each(function() {
      var info = $(this);

      var wrapper = $('<a class="wrapper-info" href="javascript:void(0);"></a>');
      var img = $('<img src="/views/shared/img/extra/info.gif" class="info-image"  />');

      info.wrap(wrapper);
      wrapper = info.parent();
      wrapper.prepend(img);
      wrapper.hover(function() {
        info.show().stop().animate({opacity: 1}, "normal", function() {
          $(this).css("opacity", "");
        });
      }, function() {
        info.stop().animate({opacity: 0}, "fast", function() {
          $(this).hide();
        });
      });
    });
  };

  $.fn.uitklappen = function() {
    var uitklappers = $(this);

    uitklappers.each(function() {
      var uitklapper = $(this);
      uitklapper.hide();
      var link = $('<a class="uitklappen-link" href="javascript:void(0);">Lees meer</a>').makeId();
      var linkId = link.attr("id");

      uitklapper.after(link);
      uitklapper.click(function() {
        $(this).hide();
        link.show();
        link.animate({opacity: 1}, "slow", function() {
          $(this).css("opacity", "");
        });
      }).css("opacity", "0");
      link = $("#"+linkId);
      link.click(function() {
        $(this).css("opacity", "0").hide();
        uitklapper.show();
        uitklapper.animate({opacity: 1}, "slow", function() {
          $(this).css("opacity", "");
        });
      });
    });

    uitklappers.addClass("uitklappen");
  };
})(jQuery);