(function ($) {
  $.fn.bannersizesLightbox = function () {
    var backdrop, panel, content;

    if ($('.backdrop').length == 0) {
      backdrop = $('<div class="backdrop" style="display: none"/>');
      $('body').append(backdrop);
    }

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

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

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

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

      if (bannerSizeLink.data('initialized.bannersizes') === true) {
        return;
      }

      bannerSizeLink.data('initialized.bannersizes', true);

      bannerSizeLink.bind('click.bannersizes', function (event) {
        event.preventDefault();

        $('.panel.bannersizes .content').html('<img src="' + $(this).attr('href') + '"/>');
        $('.panel.bannersizes, .backdrop').css({'display': 'block'});
      });
    });
  }
})(jQuery);