docs: function(window, windowCloseCallback, modal) {
  
              var self = this,
                  list = modal ? this.$modalWindows : this.$windows,
                  child = window;
  
              if (modal) {
                  child = this.createComponent(HtmlElement, {
                      tagName: 'div',
                      componentClass: 'modal modal-container'
                  });
  
                  var backdrop = this.createComponent(HtmlElement, {
                      tagName: 'div',
                      'class': 'modal-backdrop back-drop'
                  });
  
                  child.addChild(backdrop);
  
                  backdrop.bind("on:pointer", function () {
                      window.trigger("on:backdropClick");
                  });
  
                  var container = this.createComponent(HtmlElement, {
                      tagName: 'div',
                      'class': 'dialog-container'
                  });
  
                  container.addChild(window);
  
                  child.addChild(container);
  
                  window.set('windowClass', 'modal window');
  
              }
  
              this.addChild(child);
              list.push(window);
  
              if (modal) {
                  this.trigger("modalStateChanged");
              }
  
              var closeHandler = function(e) {
                  self.removeChild(child);
                  list.splice(_.indexOf(list, window), 1);
  
                  window.unbind('close', closeHandler);
                  self.trigger("modalStateChanged");
  
                  if (windowCloseCallback) {
                      windowCloseCallback(null, window, e.$);
                  }
              };
  
              window.bind('close', closeHandler, this);
          }