(function ($) {
  $.fn.researchLightbox = function () {
    var backdrop, panel, content, closeBtn;
    
    if ($('.backdrop').length == 0) {
      backdrop = $('<div class="backdrop" style="display: none"/>');
      $('body').append(backdrop);
    }

    if ($('.panel.researchlightbox').length == 0) {
      panel    = $('<div class="panel researchlightbox" style="display: none"/>'),
      content  = $('<div class="content clearfix"/>');
      closeBtn = $('<span class="close">Sluit</span>');

      $('body').append(panel);
      panel.append(closeBtn, content);

      closeBtn.bind('click.researchlightbox', function () {
        $('.panel.researchlightbox, .backdrop').css({'display': 'none'});
      });
    }

    return this.each(function () {
      var lightboxLink = $(this);

      if (lightboxLink.data('initialized.researchlightbox') === true) {
        return
      }

      lightboxLink.data('initialized.researchlightbox', true);

      lightboxLink.bind('click.researchlightbox', function (event) {
        event.preventDefault();

        $.ajax({
          url: $(this).attr('href'),
          success: function (data) {
            
            var position = $(document).scrollTop();
            
            $('.panel.researchlightbox, .backdrop').css({'display': 'block'});
            $('.panel.researchlightbox .content').html(data);
            $('.panel.researchlightbox').css('top', (position + 60) + 'px');
          },
          method: 'get'
        })
      });
    });
  }
})(jQuery);