fix issue where nested static modal removes the overlay from its parent

README.md

@@ -1,4 +1,4 @@
-# Modal v1.17.10
+# Modal v1.17.11
 
 Library for opening content in a modal window. Built to be used with web applications and ajax.
 

bower.json

@@ -1,6 +1,6 @@
 {
 	"name": "modal",
-	"version": "1.17.10",
+	"version": "1.17.11",
 	"license": "MIT",
 	"private": true,
 	"ignore": [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "modal",
-  "version": "1.17.10",
+  "version": "1.17.11",
   "main": "src/jquery.modal.js",
   "repository": {
     "type": "git",

src/jquery.modal.js

@@ -175,17 +175,23 @@
             this.modalOpen = false;
 
             if (this.staticModal || modalCount <= 1) {
-                this.$overlay.removeClass('show in');
                 this.$modal.removeClass('show in');
 
+                if (this.staticModal && !this.$modal.closest('.' + self.settings.modalDialogName).length) {
+                    this.$overlay.removeClass('show in');
+                }
+
                 this.$modal.animate({ top: -(this.$modal.outerHeight(true) * 2) }, function () {
                     self.$modal.removeAttr('data-modal2-active');
                     self.$modal.css({ top: '0' });
                     self.removeEvents();
 
                     if (self.staticModal) {
                         self.$modal.hide();
-                        self.$overlay.hide();
+
+                        if (!self.$modal.closest('.' + self.settings.modalDialogName).length) {
+                            self.$overlay.hide();
+                        }
                     } else {
                         self.$modal.remove();
                         self.$overlay.remove();
@@ -334,10 +340,14 @@
             this.$modal = $el;
             this.$modalInside = $('.' + this.settings.modalContentName, $el);
             this.$modalDialog = $('.' + this.settings.modalDialogName, $el);
-            this.$overlay = ($overlay && $overlay.length) ? $overlay : $('<div class="' + this.settings.backdropName + ' fade" data-modal2-overlay-active></div>');
 
-            // Append modal
-            this.$modal.before(this.$overlay);
+            // Append modal backdrop if one doesnt already exist
+            if (!($overlay && $overlay.length)) {
+                this.$overlay = $('<div class="' + this.settings.backdropName + ' fade" data-modal2-overlay-active></div>');
+                this.$modal.before(this.$overlay);
+            } else {
+                this.$overlay = $overlay;
+            }
 
             // Set to static modal if we cloned the $el
             this.staticModal = true;