scriptTag = null;
(function ($) {

  var currentModal = null;
  $.fn.handyModal = function() {
      'use strict';
      var self=this;
      var $self = $(self);

      if ($self.length === 1 && $self[0].handyModal !== undefined) { return $self[0].handyModal; }

      $(self).each(function() {
          if (this.handyModal === undefined) {
              var target = $(this.dataset.target);
              var targetModal = target.data('handyModal');
              var action = this.dataset.action;
              var wrapper = target.closest('.handyModal-wrapper');

              if (targetModal === undefined) {
                  var modal = $('<div></div>');
                  wrapper = $('<div class="handyModal-wrapper"></div>').append(modal);

                  modal.append(target);
                  modal.wrap('<div class="handyModal">');
                  $('body').append(wrapper);

                  wrapper.click(function() {
                      wrapper.removeClass('open');
                      currentModal = null;
                  });

                  if (! target.hasClass('close-on-click')) {
                      modal.click(function(ev) {
                          ev.stopPropagation();
                      });
                  }

                  target.removeClass('preinit');
              }

              this.handyModal = {
                  target: target,
                  action: action,
                  wrapper: wrapper,

                  open: function() {
                      this.wrapper.addClass('open');
                      if (currentModal !== null) { currentModal.removeClass('open'); }
                      currentModal = wrapper;
                  },
                  close: function() {
                      currentModal = null;
                      this.wrapper.removeClass('open');
                  }
              };

              if (targetModal === undefined) {
                  target.data('handyModal', this.handyModal);
              }

              $(this).click(function() {
                  console.log('this should happen');
                  if (action === 'open') { this.handyModal.open(); }
                  else if (action === 'close') { this.handyModal.close(); }
              });
          }
      });
      return this;
  };

  $(document).ready(function() {
    scriptTag = document.querySelector('script#handyModal');

    if (scriptTag && scriptTag.dataset.hasOwnProperty('initialize')) {
      $('[data-target]').handyModal();
    }
  });
}( jQuery ));