New screenshots for the extension UI overview.

chrome/common/extensions/docs/overview.html

Index: chrome/common/extensions/docs/overview.html
===================================================================
--- chrome/common/extensions/docs/overview.html	(revision 80813)
+++ chrome/common/extensions/docs/overview.html	(working copy)
@@ -408,14 +408,14 @@
 
 <table class="columns">
 <tbody><tr>
-  <td>
-    <img src="images/index/gmail.png" width="150" height="79" alt="screenshot">
+  <td width="33%">
+    <img src="images/overview/browser-action.png" width="147" height="100" alt="screenshot">
   </td>
-  <td>
-    <img src="images/index/news.png" width="150" height="79" alt="screenshot">
+  <td width="33%">
+    <img src="images/overview/page-action.png" width="147" height="100" alt="screenshot">
   </td>
   <td>
-    <img src="images/index/rss.png" width="150" height="79" alt="screenshot">
+    <img src="images/overview/browser-action-with-popup.png" width="147" height="100" alt="screenshot">
   </td>
 </tr>
 
@@ -426,18 +426,18 @@
     (icon in the toolbar).
   </td>
   <td>
-    This <a href="samples.html#news">news reader extension</a>
-    features a browser action that,
-    when clicked,
-    shows a <em>popup</em>.
-  </td>
-  <td>
     This <a href="samples.html#mappy">map extension</a>
     uses a <em>page action</em>
     (icon in the address bar)
     and <em>content script</em>
     (code injected into a web page).
   </td>
+  <td>
+    This <a href="samples.html#news">news extension</a>
+    features a browser action that,
+    when clicked,
+    shows a <em>popup</em>.
+  </td>
 </tr>
 </tbody></table>
 
@@ -462,7 +462,7 @@
 displays a Flash file within an HTML page.
 </p>
 
-<img src="images/index/flashapp.png" width="372" height="300" alt="screenshot">
+<img src="images/overview/flash-app.png" width="372" height="300" alt="screenshot">
 
 <p>
 For more information,
@@ -574,7 +574,7 @@
 that holds the main logic of the extension.
 </p>
 
-<img src="images/arch-1.gif" width="232" height="168" alt="Two windows and a box representing a background page (background.html). One window has a yellow icon; the other has both a yellow icon and a blue icon. The yellow icons are connected to the background page.">
+<img src="images/overview/arch-1.gif" width="232" height="168" alt="Two windows and a box representing a background page (background.html). One window has a yellow icon; the other has both a yellow icon and a blue icon. The yellow icons are connected to the background page.">
 
 <p>
 The preceding figure shows a browser
@@ -620,7 +620,7 @@
 because the popup can invoke functions on the background page.
 </p>
 
-<img src="images/arch-2.gif" width="256" height="168" alt="A browser window containing a browser action that's displaying a popup. The popup's HTML file (popup.html) can communicate with the extension's background page (background.html).">
+<img src="images/overview/arch-2.gif" width="256" height="168" alt="A browser window containing a browser action that's displaying a popup. The popup's HTML file (popup.html) can communicate with the extension's background page (background.html).">
 
 <p>
 See the <a href="browserAction.html">Browser Actions</a> page and
@@ -661,7 +661,7 @@
 It cannot, however, modify the DOM of its parent extension's background page.
 </p>
 
-<img src="images/arch-3.gif" width="238" height="169" alt="A browser window with a browser action (controlled by background.html) and a content script (controlled by contentscript.js).">
+<img src="images/overview/arch-3.gif" width="238" height="169" alt="A browser window with a browser action (controlled by background.html) and a content script (controlled by contentscript.js).">
 
 <p>
 Content scripts aren't completely cut off from their parent extensions.
@@ -673,7 +673,7 @@
 asking a content script to change the appearance of its browser page.
 </p>
 
-<img src="images/arch-cs.gif" width="238" height="194" alt="Like the previous figure, but showing more of the parent extension's files, as well as a communication path between the content script and the parent extension.">
+<img src="images/overview/arch-cs.gif" width="238" height="194" alt="Like the previous figure, but showing more of the parent extension's files, as well as a communication path between the content script and the parent extension.">
 
 <!-- [PENDING: Add overview of message passing.] -->