diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index d1cd7aa..69e4ab5 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -291,6 +291,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                         range: "min",
                         orientation: "vertical",
                         slide: function (event, ui) {
+                           
                             var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
                             scope.$apply(function () {
                                 scope.sliderVal = ui.value;
@@ -298,6 +299,27 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                                 var relativeWidth = 0;
                                 var relativeHeight = 0;
                                 if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
+                                    $("#listManager").css("display", "none");
+                                    $("#optionsListManagerTab").removeClass("active");
+                                    //make the head green
+
+                                    setTimeout(function () {
+                                       
+                                        var radialAfterClick = $('#aaDetailViewCanvas').createGradient({
+                                            x1: 50, y1: 50,
+                                            x2: 50, y2: 50,
+                                            r1: 10, r2: 30,
+                                            c1: 'rgba(100, 50, 0,0)',
+                                            c2: 'rgb(126, 187, 83)'
+                                        });
+                                        for (var i = 0; i <= scope.listMangerID.length - 1; i++) {
+                                            $('#aaDetailViewCanvas').setLayer(scope.listMangerID[i], {
+                                                fillStyle: radialAfterClick,
+                                            }).drawLayers();
+                                        }
+                                      
+                                    }, 1000);
+                                   
                                     if (ui.value == 100) {
                                         relativeWidth = scope.ViewImageWidth;
                                         relativeHeight = scope.ViewImageHeight
@@ -784,14 +806,14 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
 
         }
     }
-
+    $scope.listMangerID = [];
     $scope.showAnnotation = function (selectedPinData, isCtrlPressed, isPinClicked, isItemSearched) {
         $scope.clickedPins = [];
         $scope.selectedPin = [];
         var isSameTermWithMultiPin = false;
         var firstPinId = selectedPinData[0]._PinId;
         var pinTermNumber = selectedPinData[0]._TermId;
-
+       
         //check if other pin have same termNumber
         if ($scope.aaPinData != null && $scope.aaPinData.length > 0) {
 
@@ -799,7 +821,12 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                                              .from($scope.aaPinData)
                                              .where("_TermId == " + pinTermNumber)
                                              .select();
-
+            console.log(pinDataWithFirstTermNumber);
+            $scope.listMangerID = [];
+            for (var i = 0; i <= pinDataWithFirstTermNumber.length - 1; i++) {
+                $scope.listMangerID.push('PinArc_' + pinDataWithFirstTermNumber[i]._PinId);
+            }
+            console.log($scope.listMangerID);
             $scope.MultiLanguageAnnationArray = [];
 
             $scope.GetAnnotationBasedOnActualTermNo(pinTermNumber);
@@ -1203,6 +1230,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
             radius: 5 * $scope.sliderPercentValue,
 
             click: function (clickedPin) {
+              
                 if (clickedPin.event.ctrlKey == false) {
                     $scope.clickedPins = [];
                 }
@@ -1749,7 +1777,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     }
 
     $scope.highlightPinBasedOnSerachItem = function (id) {
-      
         $scope.searchItemId = id;
         $scope.searchItemText = $("#" + id).text();
         $rootScope.searchSelectedText = $("#" + id).text();
@@ -1778,6 +1805,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         $("#canvasDiv").scrollTop(annotationTopPos[0]);
 
         $scope.IsSearchVisible = false;
+
+
+
+
     }
 
     $rootScope.isShowHideButtonClicked = true;