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();