diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 313a65e..e086f18 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -437,6 +437,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 
     $scope.showSelectedSystemPins = function (event) {
 
+        $rootScope.isLoading = true;
+        $('#spinner').css('visibility', 'visible');
+
         $scope.removeSpeechBubble();
         if (event.currentTarget.id == "0") {
 
@@ -574,6 +577,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
           
         }
 
+        $rootScope.isLoading = false;
+        $('#spinner').css('visibility', 'hidden');
         // $scope.MultiLanguageAnnationArray.push($rootScope.annotationText[i])
     }
 
@@ -1073,6 +1078,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 
     $scope.hidePins = function () {
 
+        $rootScope.isLoading = true;
+        $('#spinner').css('visibility', 'visible');
+
         $scope.hideSpeechBubble();
 
         $scope.isHidePinBtnClicked = true;
@@ -1090,10 +1098,16 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             }).drawLayers();
         })
         
+        $rootScope.isLoading = false;
+        $('#spinner').css('visibility', 'hidden');
     }
 
     $scope.showAllPinsAfterHide = function (event) {
 
+        $rootScope.isLoading = true;
+        $('#spinner').css('visibility', 'visible');
+
+
         $scope.isHidePinBtnClicked = false;
 
         if ($scope.selectedSystemName != null && $scope.selectedSystemName != undefined) {
@@ -1110,6 +1124,9 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 
     $scope.showSelectedPins = function () {
 
+        $rootScope.isLoading = true;
+        $('#spinner').css('visibility', 'visible');
+
         $scope.isHidePinBtnClicked = false;
 
         if ($scope.selectedSystemName != null && $scope.selectedSystemName != undefined) {
@@ -1124,23 +1141,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         $scope.showSpeechBubble();
     };
 
-
-    //$scope.showSystemPins = function (seletedSystemPinData, isShowSelectedPins) {
-
-    //    angular.forEach(seletedSystemPinData, function (aaPinDataValue, aaPinDataKey) {
-
-    //        var pinName = 'Pin_' + aaPinDataValue._PinId;
-    //        var pinArcName = 'PinArc_' + aaPinDataValue._PinId;
-
-    //        $('#aaDetailViewCanvas').setLayer(pinName, {
-    //            visible: true // set to true instead to show the layer again
-    //        }).drawLayers();
-
-    //        $('#aaDetailViewCanvas').setLayer(pinArcName, {
-    //            visible: true // set to true instead to show the layer again
-    //        }).drawLayers();
-    //    })
-    //}
+   
     $scope.showSystemPins = function (seletedSystemPinData, isShowSelectedPins) {
 
         if (isShowSelectedPins) {
@@ -1187,6 +1188,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 }).drawLayers();
             })
         }
+
+        $rootScope.isLoading = false;
+        $('#spinner').css('visibility', 'hidden');
+
+
     }
 
     $scope.showItemsForSearch = function () {
@@ -1308,7 +1314,7 @@ function onSearchItemSelection(event) {
 }
 
 function showSelectedPins(event) {
-    alert('showSelectedPins')
+   
     console.log('showSelectedPins is called')
     var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
     scope.$apply(function () {