Update WebUI calls to use extensions namespace, update IDs in c/b/r/extensions

chrome/browser/resources/extensions/extensions.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 <include src="../uber/uber_utils.js"></include>
 <include src="extension_commands_overlay.js"></include>
 <include src="extension_focus_manager.js"></include>
 <include src="extension_list.js"></include>
 <include src="pack_extension_overlay.js"></include>
 
@@ skipping 16 matching lines @@
       // wait until 'drop' to decide whether to do something with the file or
       // not.
       // See: http://www.w3.org/TR/2011/WD-html5-20110113/dnd.html#concept-dnd-p
       return (e.dataTransfer.types &&
               e.dataTransfer.types.indexOf('Files') > -1);
     },
     /** @override */
     doDragEnter: function() {
       chrome.send('startDrag');
       ExtensionSettings.showOverlay(null);
-      ExtensionSettings.showOverlay($('dropTargetOverlay'));
+      ExtensionSettings.showOverlay($('drop-target-overlay'));
     },
     /** @override */
     doDragLeave: function() {
       ExtensionSettings.showOverlay(null);
       chrome.send('stopDrag');
     },
     /** @override */
     doDragOver: function(e) {
       e.preventDefault();
     },
@@ skipping 91 matching lines @@
         kioskOverlay.initialize();
 
         $('add-kiosk-app').addEventListener('click', function() {
           ExtensionSettings.showOverlay($('kiosk-apps-page'));
           kioskOverlay.didShowPage();
         });
 
         extensions.KioskDisableBailoutConfirm.getInstance().initialize();
       }
 
-      cr.ui.overlay.setupOverlay($('dropTargetOverlay'));
+      cr.ui.overlay.setupOverlay($('drop-target-overlay'));
       cr.ui.overlay.globalInitialization();
 
       extensions.ExtensionFocusManager.getInstance().initialize();
 
       var path = document.location.pathname;
       if (path.length > 1) {
         // Skip starting slash and remove trailing slash (if any).
         var overlayName = path.slice(1).replace(/\/$/, '');
         if (overlayName == 'configureCommands')
           this.showExtensionCommandsConfigUi_();
@@ skipping 10 matching lines @@
     handleLoadUnpackedExtension_: function(e) {
       chrome.send('extensionSettingsLoadUnpackedExtension');
     },
 
     /**
      * Handles the Pack Extension button.
      * @param {Event} e Change event.
      * @private
      */
     handlePackExtension_: function(e) {
-      ExtensionSettings.showOverlay($('packExtensionOverlay'));
+      ExtensionSettings.showOverlay($('pack-extension-overlay'));
       chrome.send('metricsHandler:recordAction', ['Options_PackExtension']);
     },
 
     /**
      * Shows the Extension Commands configuration UI.
      * @param {Event} e Change event.
      * @private
      */
     showExtensionCommandsConfigUi_: function(e) {
-      ExtensionSettings.showOverlay($('extensionCommandsOverlay'));
+      ExtensionSettings.showOverlay($('extension-commands-overlay'));
       chrome.send('metricsHandler:recordAction',
                   ['Options_ExtensionCommands']);
     },
 
     /**
      * Handles the Configure (Extension) Commands link.
      * @param {Event} e Change event.
      * @private
      */
     handleExtensionCommandsConfig_: function(e) {
@@ skipping 201 matching lines @@
         '}';
     document.querySelector('head').appendChild(style);
   }
 
   // Export
   return {
     ExtensionSettings: ExtensionSettings
   };
 });
 
-var ExtensionSettings = extensions.ExtensionSettings;
-
 window.addEventListener('load', function(e) {
-  ExtensionSettings.getInstance().initialize();
+  extensions.ExtensionSettings.getInstance().initialize();
 });