[DevTools] Replace usages of document with custom functions.

Source/devtools/front_end/components/OverviewGrid.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 16 matching lines @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
  * @param {string} prefix
  */
 WebInspector.OverviewGrid = function(prefix)
 {
-    this.element = document.createElement("div");
+    this.element = createElement("div");
     this.element.id = prefix + "-overview-container";
 
     this._grid = new WebInspector.TimelineGrid();
     this._grid.element.id = prefix + "-overview-grid";
     this._grid.setScrollAndDividerTop(0, 0);
 
     this.element.appendChild(this._grid.element);
 
     this._window = new WebInspector.OverviewGrid.Window(this.element, this._grid.dividersLabelBarElement);
 }
@@ skipping 397 matching lines @@
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  */
 WebInspector.OverviewGrid.WindowSelector = function(parent, position)
 {
     this._startPosition = position;
     this._width = parent.offsetWidth;
-    this._windowSelector = document.createElement("div");
+    this._windowSelector = createElement("div");
     this._windowSelector.className = "overview-grid-window-selector";
     this._windowSelector.style.left = this._startPosition + "px";
     this._windowSelector.style.right = this._width - this._startPosition + "px";
     parent.appendChild(this._windowSelector);
 }
 
 WebInspector.OverviewGrid.WindowSelector.prototype = {
     _close: function(position)
     {
         position = Math.max(0, Math.min(position, this._width));
         this._windowSelector.remove();
         return this._startPosition < position ? {start: this._startPosition, end: position} : {start: position, end: this._startPosition};
     },
 
     _updatePosition: function(position)
     {
         position = Math.max(0, Math.min(position, this._width));
         if (position < this._startPosition) {
             this._windowSelector.style.left = position + "px";
             this._windowSelector.style.right = this._width - this._startPosition + "px";
         } else {
             this._windowSelector.style.left = this._startPosition + "px";
             this._windowSelector.style.right = this._width - position + "px";
         }
     }
 }