Create modalOpen and modalClose events.

js/modals.js

@@ -9,6 +9,14 @@
 !(function () {
   'use strict';
 
+  var eventModalOpen = new CustomEvent('modalOpen', {
+    bubbles: true,
+    cancelable: true
+  });
+  var eventModalClose = new CustomEvent('modalClose', {
+    bubbles: true,
+    cancelable: true
+  });
   var findModals = function (target) {
     var i;
     var modals = document.querySelectorAll('a');
@@ -31,11 +39,14 @@
 
   window.addEventListener('touchend', function (event) {
     var modal = getModal(event);
-    if (modal) {
     if (modal && modal.classList.contains('modal')) {
+      var eventToDispatch = eventModalOpen;
+      if (modal.classList.contains('active')) {
+        eventToDispatch = eventModalClose;
+      }
+      modal.dispatchEvent(eventToDispatch);
       modal.classList.toggle('active');
     }
     event.preventDefault(); // prevents rewriting url (apps can still use hash values in url)
-    }
   });
 }());