New screenshots for the extension UI overview.

chrome/common/extensions/docs/static/overview.html

Index: chrome/common/extensions/docs/static/overview.html
===================================================================
--- chrome/common/extensions/docs/static/overview.html	(revision 80813)
+++ chrome/common/extensions/docs/static/overview.html	(working copy)
@@ -53,19 +53,19 @@
 
 <table class="columns">
 <tr>
-  <td>
-    <img src="images/index/gmail.png"
-      width="150" height="79"
+  <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"
+  <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"
+    <img src="images/overview/browser-action-with-popup.png"
+      width="147" height="100"
       alt="screenshot" />
   </td>
 </tr>
@@ -77,18 +77,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>
 </table>
 
@@ -113,7 +113,7 @@
 displays a Flash file within an HTML page.
 </p>
 
-<img src="images/index/flashapp.png"
+<img src="images/overview/flash-app.png"
   width="372" height="300"
   alt="screenshot" />
 
@@ -229,7 +229,7 @@
 that holds the main logic of the extension.
 </p>
 
-<img src="images/arch-1.gif"
+<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." />
 
@@ -277,7 +277,7 @@
 because the popup can invoke functions on the background page.
 </p>
 
-<img src="images/arch-2.gif"
+<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)." />
 
@@ -320,7 +320,7 @@
 It cannot, however, modify the DOM of its parent extension's background page.
 </p>
 
-<img src="images/arch-3.gif"
+<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)." />
 
@@ -334,7 +334,7 @@
 asking a content script to change the appearance of its browser page.
 </p>
 
-<img src="images/arch-cs.gif"
+<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." />