Merge 80966 - New screenshots for the extension UI overview.

Moved all overview images to images/overview/ (from images/* and images/index/*)

BUG=78780
TEST=images under http://code.google.com/chrome/extensions/beta/overview.html#extension-ui look right
TBR=kathyw@chromium.org
Review URL: http://codereview.chromium.org/6820047

git-svn-id: svn://svn.chromium.org/chrome/branches/696/src@81151 0039d316-1c4b-4281-b951-d872f2087c98

13 files changed, 35 insertions, 35 deletions

diff --git a/chrome/common/extensions/docs/images/index/gmail.png b/chrome/common/extensions/docs/images/index/gmail.png
deleted file mode 100644
index dda74da..0000000
--- a/chrome/common/extensions/docs/images/index/gmail.png
+++ /dev/null
diff --git a/chrome/common/extensions/docs/images/index/news.png b/chrome/common/extensions/docs/images/index/news.png
deleted file mode 100644
index 0dedda4..0000000
--- a/chrome/common/extensions/docs/images/index/news.png
+++ /dev/null
diff --git a/chrome/common/extensions/docs/images/index/rss.png b/chrome/common/extensions/docs/images/index/rss.png
deleted file mode 100644
index 304e8ff..0000000
--- a/chrome/common/extensions/docs/images/index/rss.png
+++ /dev/null
diff --git a/chrome/common/extensions/docs/images/arch-1.gif b/chrome/common/extensions/docs/images/overview/arch-1.gif
index 16d4a84..16d4a84 100644
--- a/chrome/common/extensions/docs/images/arch-1.gif
+++ b/chrome/common/extensions/docs/images/overview/arch-1.gif
diff --git a/chrome/common/extensions/docs/images/arch-2.gif b/chrome/common/extensions/docs/images/overview/arch-2.gif
index e6281c5..e6281c5 100644
--- a/chrome/common/extensions/docs/images/arch-2.gif
+++ b/chrome/common/extensions/docs/images/overview/arch-2.gif
diff --git a/chrome/common/extensions/docs/images/arch-3.gif b/chrome/common/extensions/docs/images/overview/arch-3.gif
index 968f388..968f388 100644
--- a/chrome/common/extensions/docs/images/arch-3.gif
+++ b/chrome/common/extensions/docs/images/overview/arch-3.gif
diff --git a/chrome/common/extensions/docs/images/arch-cs.gif b/chrome/common/extensions/docs/images/overview/arch-cs.gif
index 619ea2a..619ea2a 100644
--- a/chrome/common/extensions/docs/images/arch-cs.gif
+++ b/chrome/common/extensions/docs/images/overview/arch-cs.gif
diff --git a/chrome/common/extensions/docs/images/overview/browser-action-with-popup.png b/chrome/common/extensions/docs/images/overview/browser-action-with-popup.png
new file mode 100644
index 0000000..b1ca45e
--- /dev/null
+++ b/chrome/common/extensions/docs/images/overview/browser-action-with-popup.png
diff --git a/chrome/common/extensions/docs/images/overview/browser-action.png b/chrome/common/extensions/docs/images/overview/browser-action.png
new file mode 100644
index 0000000..8bf54df
--- /dev/null
+++ b/chrome/common/extensions/docs/images/overview/browser-action.png
diff --git a/chrome/common/extensions/docs/images/index/flashapp.png b/chrome/common/extensions/docs/images/overview/flash-app.png
index c3052b4..c3052b4 100644
--- a/chrome/common/extensions/docs/images/index/flashapp.png
+++ b/chrome/common/extensions/docs/images/overview/flash-app.png
diff --git a/chrome/common/extensions/docs/images/overview/page-action.png b/chrome/common/extensions/docs/images/overview/page-action.png
new file mode 100644
index 0000000..257a233
--- /dev/null
+++ b/chrome/common/extensions/docs/images/overview/page-action.png
diff --git a/chrome/common/extensions/docs/overview.html b/chrome/common/extensions/docs/overview.html
index 89a18cb..6880caa 100644
--- a/chrome/common/extensions/docs/overview.html
+++ b/chrome/common/extensions/docs/overview.html
@@ -408,14 +408,14 @@ depending on the page.
 
 <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 @@ depending on the page.
     (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 @@ For example, the following packaged app
 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 @@ an invisible page
 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 @@ that's in the background page
 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 @@ the DOM for the displayed web page.
 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 @@ Or a background page might send a message
 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.] -->
 
diff --git a/chrome/common/extensions/docs/static/overview.html b/chrome/common/extensions/docs/static/overview.html
index 98ab568..401ab2d 100644
--- a/chrome/common/extensions/docs/static/overview.html
+++ b/chrome/common/extensions/docs/static/overview.html
@@ -53,19 +53,19 @@ depending on the page.
 
 <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 @@ depending on the page.
     (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 @@ For example, the following packaged app
 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 @@ an invisible page
 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 @@ that's in the background page
 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 @@ the DOM for the displayed web page.
 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 @@ Or a background page might send a message
 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." />