Index: /trunk/webapps/cptms/index.html
===================================================================
--- /trunk/webapps/cptms/index.html	(revision 426)
+++ /trunk/webapps/cptms/index.html	(revision 534)
@@ -98,4 +98,5 @@
     <!--The div elements where the buttons appear  -->
     <div id="ctrButton"><img width="30" src="images/btn_mapcenter.png"</div>
+    <button id="calloutButton" class="unstyled-button"><img id="calloutBtnImg" src="images/btnReady_Callout.png"></button>
     <button id="harButton" class="unstyled-button"><img id="harBtnImg" src="images/btnReady_HAR.png"></button>
     <button id="cctvButton" class="unstyled-button"><img id="cctvBtnImg" src="images/btnReady_CCTV.png"></button>
@@ -109,4 +110,5 @@
     <script  src="js/cctvLayer.js"></script>
     <script  src="js/harLayer.js"></script>
+    <script  src="js/calloutLayer.js"></script>
     <script  src="js/controls.js"></script>
     <script  src="js/night_mode.js"></script>
@@ -161,4 +163,5 @@
     var cctv_showing = false;
     var har_showing = false;
+    var callout_showing = false;
     var cctv_infowindow; // We create just a single instance of info window.
 
@@ -191,4 +194,5 @@
     function initLayerButtons()
     {
+        initCalloutbutton();
         initHARbutton();
         initCCTVbutton();
Index: /trunk/webapps/cptms/CalloutMap_standalone.html
===================================================================
--- /trunk/webapps/cptms/CalloutMap_standalone.html	(revision 531)
+++ /trunk/webapps/cptms/CalloutMap_standalone.html	(revision 534)
@@ -215,5 +215,5 @@
             lng: -117.5784
         },
-        infoContent: "Phone numbers crew 30"
+        infoContent: "JENNY WELLS 949-462-8102"
     }, 
     ];
Index: /trunk/webapps/cptms/js/calloutLayer.js
===================================================================
--- /trunk/webapps/cptms/js/calloutLayer.js	(revision 534)
+++ /trunk/webapps/cptms/js/calloutLayer.js	(revision 534)
@@ -0,0 +1,52 @@
+function initCalloutbutton()
+{
+    var calloutBtnDiv = document.getElementById('calloutButton');
+    map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(calloutBtnDiv)
+    calloutBtnDiv.title = 'Click to toggle Callout Overlay';
+
+    // Setup the click event listeners to toggle icon display
+    calloutBtnDiv.addEventListener('click', function()
+    {
+        callout_showing = !callout_showing;
+        // Determine which button image to show
+        if (callout_showing)
+        {
+            pic = "images/btnDepressed_Callout.png"
+            // It's nice when icons become visible that the messages have been refreshed.
+            showCalloutLayer();
+        }
+        else
+        {
+            pic = "images/btnReady_Callout.png"
+            hideCalloutLayer();
+        }
+        document.getElementById('calloutBtnImg').src = pic;
+
+    });
+  // Define the LatLng coordinates for the polygon's path.
+
+    var triangleCoords =
+    [{ lat: 33.84817790215087, lng: -117.9979705810547 },
+{ lat: 33.80482636349161, lng: -118.02680969238283 },
+{ lat: 33.80482636349161, lng: -117.97531127929689 },
+{ lat: 33.84817790215087, lng: -117.9979705810547 }
+    ];
+  // Construct the polygon.
+  region22 = new google.maps.Polygon({
+    paths: triangleCoords,
+    strokeColor: '#FF0000',
+    strokeOpacity: 0.8,
+    strokeWeight: 2,
+    fillColor: '#FF0000',
+    fillOpacity: 0.35
+  });
+}
+var region22;
+function showCalloutLayer()
+{
+    region22.setMap(map);
+}
+function hideCalloutLayer()
+{
+    region22.setMap(null);
+}