AI 149839: make the home page's announcement block expandable...
  primarily, this is to handle various lengths of text due to translations,
  but also allows us to be more flexible WRT the content for the top section.

Automated import of CL 149839
diff --git a/docs/html/index.jd b/docs/html/index.jd
index ea326b0..07d0abe 100644
--- a/docs/html/index.jd
+++ b/docs/html/index.jd
@@ -5,32 +5,36 @@
 	<div id="mainBodyFixed">
               <div id="mainBodyLeft">			
                     <div id="homeMiddle">
-                        <div id="homeTitle">
-                            <h2>Developer Announcements</h2>
-                        </div><!-- end homeTitle -->
-                        <div id="announcement-block">
-                        <!-- total max width is 520px -->
-                            <img src="{@docRoot}assets/images/home/IO-logo.png" alt="Google I/O Developer Conference 2009" width="242px" />
-                            <div id="announcement" style="width:270px">
-                              <p>Google I/O is a two-day developer event that will take place May 27-28 at Moscone Center, San Francisco. The agenda includes a number of great sessions on Android topics by team engineers and other developers.</p>
-                              <p><a href="http://code.google.com/events/io/">Learn more &raquo;</a></p>
-                            </div> <!-- end annoucement -->
-                        </div> <!-- end annoucement-block -->
-                        <div id="carouselMain">
-                            <div id="bulletinImg"></div>
-                            <div id="bulletinDesc"></div>
-                        </div>
-                        <div class="clearer"></div>
-                        <div class="app-list-container" align="center"> 
-                            <a href="javascript:{}" id="arrow-left" onclick="" class="arrow-left-off"></a>
-                            <div id="list-clip">
-                                <div style="left: 0px;" id="app-list">
-                                  <!-- populated by buildCarousel() -->
-                                </div>
-                            </div><!-- end list-clip -->
-                            <a href="javascript:page_right()" id="arrow-right" onclick="" class="arrow-right-on"></a>
+                        <div id="topAnnouncement">
+                            <div id="homeTitle">
+                                <h2>Developer Announcements</h2>
+                            </div><!-- end homeTitle -->
+                            <div id="announcement-block">
+                            <!-- total max width is 520px -->
+                                <img src="/assets/images/home/IO-logo.png" alt="Google I/O Developer Conference 2009" width="242px" />
+                                <div id="announcement" style="width:270px">
+                                  <p>Google I/O is a two-day developer event that will take place May 27-28 at Moscone Center, San Francisco. The agenda includes a number of great sessions on Android topics by team engineers and other developers.</p>
+                                  <p><a href="http://code.google.com/events/io/">Learn more &raquo;</a></p>
+                                </div> <!-- end annoucement -->
+                            </div> <!-- end annoucement-block -->  
+                        </div><!-- end topAnnouncement -->
+                        <div id="carousel">
+                            <div id="carouselMain">
+                                <div id="bulletinImg"></div>
+                                <div id="bulletinDesc"></div>
+                            </div>
                             <div class="clearer"></div>
-                        </div><!-- end app-list container -->
+                            <div class="app-list-container" align="center"> 
+                                <a href="javascript:{}" id="arrow-left" onclick="" class="arrow-left-off"></a>
+                                <div id="list-clip">
+                                    <div style="left: 0px;" id="app-list">
+                                      <!-- populated by buildCarousel() -->
+                                    </div>
+                                </div><!-- end list-clip -->
+                                <a href="javascript:page_right()" id="arrow-right" onclick="" class="arrow-right-on"></a>
+                                <div class="clearer"></div>
+                            </div><!-- end app-list container -->
+                        </div><!-- end carousel -->
                     </div><!-- end homeMiddle -->
 
                     <div style="clear:both">&nbsp;</div>