[DevTools] Add power profiler and power overview in timeline panel.

Source/devtools/front_end/TimelineOverviewPane.js

Index: Source/devtools/front_end/TimelineOverviewPane.js
diff --git a/Source/devtools/front_end/TimelineOverviewPane.js b/Source/devtools/front_end/TimelineOverviewPane.js
index 307c973982abe4802132ef7361ece5726a68616b..592ba1b549d09a847b73c338a61ae67e8f8ee195 100644
--- a/Source/devtools/front_end/TimelineOverviewPane.js
+++ b/Source/devtools/front_end/TimelineOverviewPane.js
@@ -38,6 +38,9 @@ WebInspector.TimelineOverviewPane = function(model)
     WebInspector.View.call(this);
     this.element.id = "timeline-overview-pane";
 
+    if (WebInspector.experimentsSettings.powerTimeline.isEnabled() && Capabilities.canProfilePower)

[pfeldman, 2014/03/11 12:24:02]

You should not modify this either. I think it is best to create yet another
overview type with the power profile data. Unfortunately, this part of code is
currently under massive refactoring.

+        this.element.classList.add("power-overview");
+
     this._eventDividers = [];
 
     this._model = model;
@@ -152,7 +155,9 @@ WebInspector.TimelineOverviewPane.prototype = {
     {
         if (this._muteOnWindowChanged)
             return;
+
         var windowTimes = this._overviewControl.windowTimes(this._overviewGrid.windowLeft(), this._overviewGrid.windowRight());
+        this._overviewControl.windowChanged(windowTimes.startTime, windowTimes.endTime);
         this._windowStartTime = windowTimes.startTime;
         this._windowEndTime = windowTimes.endTime;
         this.dispatchEventToListeners(WebInspector.TimelineOverviewPane.Events.WindowChanged, windowTimes);
@@ -315,6 +320,8 @@ WebInspector.TimelineOverviewBase.prototype = {
     update: function() { },
     reset: function() { },
 
+    windowChanged: function(timeLeft, timeRight) { },
+
     /**
      * @param {number} windowLeft
      * @param {number} windowRight