Change the view mode when switching between moles and toolstrips, and

chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html

Index: chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html
diff --git a/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html b/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html
index 957334478488d596b3946433117fdb7a94ad3c6a..88d1d520a07d3313db0d3699af7adb165a47d56f 100755
--- a/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html
+++ b/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html
@@ -1,6 +1,21 @@
 <style>
-#map {
+.chrome-toolstrip #map {
   display: none;
+}
+
+.chrome-toolstrip #button {
+  display: block;
+}
+
+.chrome-mole #map {
+  display: block;
+}
+
+.chrome-mole #button {
+  display: none;
+}
+
+#map {
   width: 512px;
   height: 512px;
 }
@@ -10,20 +25,9 @@
 <script>
 var maps_key = "ABQIAAAATfHumDbW3OmRByfquHd3SRTRERdeAiwZ9EeJWta3L_JZVS0bOBRQeZgr4K0xyVKzUdnnuFl8X9PX0w";
 
-chrome.toolstrip.onCollapsed.addListener(function() {
-  var map = document.getElementById("map");
-  map.src = "";
-  map.style.display = "none";
-  var button = document.getElementById("button");
-  button.style.display = "block";
-});
-
 function expand(url) {
-  var button = document.getElementById("button");
-  button.style.display = "none";
   var map = document.getElementById("map");
   map.src = url;
-  map.style.display = "block";
   chrome.toolstrip.expand({height:512}, function() {});
 }