diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index bb2e50f..b523f32 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -290,7 +290,9 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
             }
             //to disbale layer change slider
             $('.ui-slider').slider('disable');
-            document.getElementById('txtlayerNumber').style.pointerEvents = "none";
+         //   document.getElementById('txtlayerNumber').style.pointerEvents = "none";
+            $("#txtlayerNumber").prop('disabled', true);
+            
 
             $scope.isLoading = true;
             $('#spinner').css('visibility', 'visible');
@@ -305,8 +307,8 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
             }
             //to enable layer change slider
             $('.ui-slider').slider('enable');
-            document.getElementById('txtlayerNumber').style.pointerEvents = "auto";
-
+           // document.getElementById('txtlayerNumber').style.pointerEvents = "auto";
+            $("#txtlayerNumber").prop('disabled', false);
             $scope.isLoading = false;
 
             $('#spinner').css('visibility', 'hidden');