diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 0c3587d..032640d 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -353,99 +353,6 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
     $rootScope.lexiconLanguageArray = [];
     $rootScope.lexiconLanguageArray.push({ id: "1", language: "English" });
     $(document).ready(function () {
-        // getUserDetails();
-
-        //  var ajaxResult = [];
-        //   var ajaxResult1 = [];
-
-        function onBrushSizeChange() {
-            $('.btnCursor').addClass('activebtncolor');
-            $(".btn-annotation").removeClass("activebtncolor");
-            $(".btn-annotation-erase").removeClass("activebtncolor");
-            $(".btn-annotation-erase").removeClass("activebtncolor");
-            $(".annotationpaintbrushsize").removeClass("activebtncolor");
-            var x = $('#canvasPaint').css("z-index");
-
-            var y = $('#canvas').css("z-index");
-            if (x > y) {
-                y = parseInt(x) + 1;
-            } else {
-                y = parseInt(y) + 1;
-            }
-            $('#canvas').css("z-index", y);
-        }
-
-        $("#slider-range-min-2").slider({
-            range: "min",
-            min: 1,
-            max: 60,
-            value: 1,
-            slide: function (event, ui) {
-
-                onBrushSizeChange();
-                console.log("sliding");
-                $("#btnBrushSize").val(ui.value);
-
-            },
-            stop: function (event, ui) {
-
-                $("#paintLine").attr("data-size", ui.value);
-
-            }
-
-        });
-
-
-        $("#btnBrushSize").keydown(function () {
-            onBrushSizeChange();
-            var brushSizevalue = this.value;
-            $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
-        });
-        $("#btnBrushSize").keyup(function () {
-            onBrushSizeChange();
-            var brushSizevalue = this.value;
-            $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
-        });
-        $("#btnBrushSizeIncrement").click(function () {
-            onBrushSizeChange();
-            var brushIncrementVar = $("#btnBrushSize").val();
-            if (brushIncrementVar >= 60) {
-                $("#slider-range-min-2").slider("value", 60);
-            }
-            else if (brushIncrementVar == "") {
-                var brushIncrementedValue = 1;
-                $("#btnBrushSize").val(brushIncrementedValue);
-                $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
-            }
-            else {
-                var brushIncrementedValue = parseInt(brushIncrementVar) + 1;
-                $("#btnBrushSize").val(brushIncrementedValue);
-                $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
-            }
-        });
-        $("#btnBrushSizeDecrease").click(function () {
-            onBrushSizeChange();
-            var brushDecreaseVar = $("#btnBrushSize").val();
-            if (brushDecreaseVar == "") {
-                var brushDecrementedValue = 1;
-                $("#btnBrushSize").val(brushDecrementedValue);
-                $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue));
-            }
-            else if (brushDecreaseVar <= 1) {
-                $("#slider-range-min-2").slider("value", 1);
-            }
-            else {
-                var brushDecrementedValue = parseInt(brushDecreaseVar) - 1;
-                $("#btnBrushSize").val(brushDecrementedValue);
-                $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue));
-            }
-        });
-
-        $("#btnBrushSize").val($("#slider-range-min-2").slider("value"));
-
-
-        // annotation slider ends
-
         $rootScope.isLexiconTabClicked = true;
         $rootScope.lexiconData = function () {
             if ($rootScope.isLexiconTabClicked == true) {
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 93f444a..6472997 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -1669,6 +1669,140 @@
 
         });
     </script>
+    <script>
+        $(function () {
+            function onBrushSizeChange() {
+                $('.btnCursor').addClass('activebtncolor');
+                $(".btn-annotation").removeClass("activebtncolor");
+                $(".btn-annotation-erase").removeClass("activebtncolor");
+                $(".btn-annotation-erase").removeClass("activebtncolor");
+                $(".annotationpaintbrushsize").removeClass("activebtncolor");
+                var x = $('#canvasPaint').css("z-index");
+
+                var y = $('#canvas').css("z-index");
+                if (x > y) {
+                    y = parseInt(x) + 1;
+                } else {
+                    y = parseInt(y) + 1;
+                }
+                $('#canvas').css("z-index", y);
+            }
+
+            $("#slider-range-min-2").slider({
+                range: "min",
+                min: 1,
+                max: 60,
+                value: 1,
+                slide: function (event, ui) {
+
+                    onBrushSizeChange();
+
+
+
+                    $("#btnBrushSize").val(ui.value);
+
+                    $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+
+                },
+                stop: function (event, ui) {
+
+                    $("#paintLine").attr("data-size", ui.value);
+
+                }
+
+            });
+
+
+            $("#btnBrushSize").keydown(function () {
+                $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                onBrushSizeChange();
+                var brushSizevalue = this.value;
+
+                $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
+            });
+            $("#btnBrushSize").keyup(function () {
+                onBrushSizeChange();
+                var brushSizevalue = this.value;
+                if (brushSizevalue == "") {
+
+                    $("#slider-range-min-2").slider("value", 0);
+
+                    $("#annotationpaintbrushsize").css({ "pointer-events": "none", "opacity": ".5" });
+                    $("#annotationpainteraser").css({ "pointer-events": "none", "opacity": ".5" });
+                }
+                else {
+                    $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
+                    $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
+                }
+                // $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
+            });
+            $("#btnBrushSizeIncrement").click(function () {
+                if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
+                    $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                }
+
+                onBrushSizeChange();
+                var brushIncrementVar = $("#btnBrushSize").val();
+                if (brushIncrementVar >= 60) {
+                    $("#slider-range-min-2").slider("value", 60);
+                }
+                else if (brushIncrementVar == "") {
+                    var brushIncrementedValue = 1;
+                    $("#btnBrushSize").val(brushIncrementedValue);
+                    $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
+                }
+                else {
+
+                    var brushIncrementedValue = parseInt(brushIncrementVar) + 1;
+
+                    $("#btnBrushSize").val(brushIncrementedValue);
+                    $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
+                }
+            });
+            $("#btnBrushSizeDecrease").click(function () {
+              
+                onBrushSizeChange();
+                var brushDecreaseVar = $("#btnBrushSize").val();
+                if (brushDecreaseVar == "") {
+
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
+                    $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
+                    
+                }
+                else if (brushDecreaseVar <= 1) {
+                    $("#slider-range-min-2").slider("value", 1);
+                    if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
+                        $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
+                        $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
+                        $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
+                        $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
+                    }
+                 
+                }
+                else {
+                    var brushDecrementedValue = parseInt(brushDecreaseVar) - 1;
+                    if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
+                        $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
+                        $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
+                        $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                        $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
+                    }
+                    $("#btnBrushSize").val(brushDecrementedValue);
+                    $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue));
+                }
+            });
+
+            $("#btnBrushSize").val($("#slider-range-min-2").slider("value"));
+        });
+    </script>
 
     <script>
         $(function () {