diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 7df17b1..9dc52ab 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -948,6 +948,25 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         }
 
     }
+
+
+    $scope.hidePins = function () {
+        debugger;
+        angular.forEach($scope.aaPinData, function (aaPinDataValue, aaPinDataKey) {
+
+            var pinName = 'Pin_' + aaPinDataValue._PinId;
+            var pinArcName = 'PinArc_' + aaPinDataValue._PinId;
+
+            $('#aaDetailViewCanvas').setLayer(pinName, {
+                    visible: false // set to true instead to show the layer again
+            }).drawLayers();
+
+            $('#aaDetailViewCanvas').setLayer(pinArcName, {
+                visible: false // set to true instead to show the layer again
+            }).drawLayers();
+        })
+        
+    }
 }]);
 
 function showSelectedSystemPins(event) {
@@ -957,6 +976,9 @@ function showSelectedSystemPins(event) {
         scope.showSelectedSystemPins(event);
     });
 }
-onCloseBtnClick = function (event) {
-    alert('closed')
+hidePins = function (event) {
+    var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
+    scope.$apply(function () {
+        scope.hidePins(event);
+    });
 }
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html b/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
index 6910f67..b05bcd6 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
@@ -29,7 +29,7 @@
     <div class="tools pull-left" style="top:44px;">
         <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
         <div class="">
-            <div class="col-sm-6" title="Hide Pins"><button class="btn btn-black btn-sm" > <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
+            <div class="col-sm-6" title="Hide Pins"><button onclick="hidePins()" class="btn btn-black btn-sm" > <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
             <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt="" title=""></button></div>
             <div class="col-sm-6" title="Show All Pins in System(s)"><button class="btn btn-primary btn-sm marginTop5"><img src="../../../content/images/aa/LeftMenu/all-pin.png" alt="" title=""></button></div>
             <div class="col-sm-6" title="Select System">