Cleaned up modals in the UI.

added empty modal for episode info

UI/Shared/Modal/Region.js

@@ -0,0 +1,33 @@
+"use strict";
+define(function () {
+
+    return Backbone.Marionette.Region.extend({
+        el: "#modal-region",
+
+        constructor: function () {
+            _.bindAll(this);
+            Backbone.Marionette.Region.prototype.constructor.apply(this, arguments);
+            this.on("show", this.showModal, this);
+        },
+
+        getEl: function (selector) {
+            var $el = $(selector);
+            $el.on("hidden", this.close);
+            return $el;
+        },
+
+        showModal: function (view) {
+            view.on("close", this.hideModal, this);
+            this.$el.addClass('modal hide fade');
+
+            //need tab index so close on escape works
+            //https://github.com/twitter/bootstrap/issues/4663
+            this.$el.attr('tabindex','-1');
+            this.$el.modal({'show': true, 'keyboard': true});
+        },
+
+        hideModal: function () {
+            this.$el.modal('hide');
+        }
+    });
+});

UI/Shared/ModalRegion.js

@@ -1,5 +1,6 @@
-define(['app'], function () {
-    return Backbone.Marionette.Region.extend({
+"use strict";
+define('modal', function () {
+    var modal = Backbone.Marionette.Region.extend({
         el: "#modal-region",
 
         constructor: function () {
@@ -23,6 +24,8 @@
             this.$el.modal('hide');
         }
     });
+
+    return modal;
 });