diff --git a/.gitignore b/.gitignore
index c8f9f67..db8eca7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -38,3 +38,5 @@ $tf*/
 400-SOURCECODE/AIAHTML5.Web/index.html.orig
 400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.dll
 400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.pdb
+
+400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj b/400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj
index 75def72..5f014a3 100644
--- a/400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj
+++ b/400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj
@@ -106,10 +106,11 @@
   </ItemGroup>
   <ItemGroup>
     <Compile Include="App_Start\WebApiConfig.cs" />
-    <Compile Include="content\AIAConstants.cs" />
+    <Compile Include="Constants\AIAConstants.cs" />
     <Compile Include="Controllers\AdminAccessController.cs" />
     <Compile Include="Controllers\AuthenticateController.cs" />
     <Compile Include="Controllers\ForgotUserController.cs" />
+    <Compile Include="Controllers\LicenseTermConditionController.cs" />
     <Compile Include="Controllers\PixelLocationsController.cs" />
     <Compile Include="Controllers\ResetPasswordController.cs" />
     <Compile Include="Global.asax.cs">
@@ -143,7 +144,6 @@
   </ItemGroup>
   <ItemGroup>
     <Folder Include="App_Data\" />
-    <Folder Include="Constants\" />
   </ItemGroup>
   <PropertyGroup>
     <VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
diff --git a/400-SOURCECODE/AIAHTML5.API/Constants/AIAConstants.cs b/400-SOURCECODE/AIAHTML5.API/Constants/AIAConstants.cs
index d23a28a..93891e5 100644
--- a/400-SOURCECODE/AIAHTML5.API/Constants/AIAConstants.cs
+++ b/400-SOURCECODE/AIAHTML5.API/Constants/AIAConstants.cs
@@ -1,28 +1,30 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-
-namespace AIAHTML5.API.Constants
-{
-    public class AIAConstants
-    {
-        public const string ERROR_IN_FECTHING_DETAILS = "Error in fecthing details.";
-        public const string USER_NOT_FOUND = "User not found.";
-        public const string MAIL_NOT_SENT = "Mail not sent.";
-        public const string MAIL_SENT = "Mail sent.";
-
-        public const string KEY_ID = "id";
-        public const string KEY_TITLE = "title";
-        public const string KEY_NAME = "name";
-        public const string KEY_SLUG = "slug";
-
-        public const string PASSWORD_UPDATE_SUCCESS = "Password updated successfully";
-        public const string PASSWORD_UPDATE_FAILED = "Password update failed";
-
-        public const string INVALID_USER = "Invalid UserID";
-
-        public const string LICENSE_TERM_CONDITION_UPDATE_SUCCESS = "License Term Accepted field updated successfully.";
-        public const string LICENSE_TERM_CONDITION_UPDATE_FAILED = "License Term Accepted field update failed.";
-    }
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+
+namespace AIAHTML5.API.Constants
+{
+    public class AIAConstants
+    {
+        public const string ERROR_IN_FECTHING_DETAILS = "Error in fecthing details.";
+        public const string USER_NOT_FOUND = "User not found.";
+        public const string MAIL_NOT_SENT = "Mail not sent.";
+        public const string MAIL_SENT = "Mail sent.";
+
+        public const string KEY_ID = "id";
+        public const string KEY_TITLE = "title";
+        public const string KEY_NAME = "name";
+        public const string KEY_SLUG = "slug";
+
+        public const string PASSWORD_UPDATE_SUCCESS = "Password updated successfully";
+        public const string PASSWORD_UPDATE_FAILED = "Password update failed";
+
+        public const string INVALID_USER = "Invalid UserID";
+
+        public const string LICENSE_TERM_CONDITION_UPDATE_SUCCESS = "License Term Accepted field updated successfully.";
+        public const string LICENSE_TERM_CONDITION_UPDATE_FAILED = "License Term Accepted field update failed.";
+
+        public const string KEY_CONTENT = "content";
+    }
 }
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.API/content/AIAConstants.cs b/400-SOURCECODE/AIAHTML5.API/content/AIAConstants.cs
deleted file mode 100644
index 93891e5..0000000
--- a/400-SOURCECODE/AIAHTML5.API/content/AIAConstants.cs
+++ /dev/null
@@ -1,30 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-
-namespace AIAHTML5.API.Constants
-{
-    public class AIAConstants
-    {
-        public const string ERROR_IN_FECTHING_DETAILS = "Error in fecthing details.";
-        public const string USER_NOT_FOUND = "User not found.";
-        public const string MAIL_NOT_SENT = "Mail not sent.";
-        public const string MAIL_SENT = "Mail sent.";
-
-        public const string KEY_ID = "id";
-        public const string KEY_TITLE = "title";
-        public const string KEY_NAME = "name";
-        public const string KEY_SLUG = "slug";
-
-        public const string PASSWORD_UPDATE_SUCCESS = "Password updated successfully";
-        public const string PASSWORD_UPDATE_FAILED = "Password update failed";
-
-        public const string INVALID_USER = "Invalid UserID";
-
-        public const string LICENSE_TERM_CONDITION_UPDATE_SUCCESS = "License Term Accepted field updated successfully.";
-        public const string LICENSE_TERM_CONDITION_UPDATE_FAILED = "License Term Accepted field update failed.";
-
-        public const string KEY_CONTENT = "content";
-    }
-}
\ No newline at end of file
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
index 6c83fcd..7eca9c1 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
@@ -6,9 +6,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     $scope.threeDAnatomyData;
     $scope.Id;
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+        
         $scope.scroll();
         var promise = DataService.getJson('~/../content/data/json/3da/3da_dat_contentlist.json')
         promise.then(
@@ -89,9 +87,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     }
 
     $scope.Open3DModelBody = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+        
         $rootScope.isLoading = true;
         $('#spinner').css('visibility', 'visible');
         //alert(localStorage.getItem("currentBodyViewId"));
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/ADAMImgController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/ADAMImgController.js
index d44bcaf..57ce916 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/ADAMImgController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/ADAMImgController.js
@@ -12,9 +12,7 @@ function ($scope, $rootScope, pages, log, $location) {
         //alert("scroll");
     }
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+      
         // code that will be executed ... 
         // every time this view is loaded
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AODController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AODController.js
index 981a878..4760324 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AODController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AODController.js
@@ -19,9 +19,7 @@ function ($scope, $rootScope, pages, log, $location) {
     //$rootScope.currentActiveModuleTitle = pages[10].name;
 
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         // code that will be executed ... 
         // every time this view is loaded
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AnatTestController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AnatTestController.js
index 0f90b7d..f6ef555 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AnatTestController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AnatTestController.js
@@ -13,9 +13,7 @@ function ($scope, $rootScope, pages, log, $location) {
     }
 
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+        
         // code that will be executed ... 
         // every time this view is loaded
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
index 33cf1da..cfea5d5 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
@@ -27,9 +27,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
     };
 
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+        
 
         // code that will be executed ... 
         // every time this view is loaded
@@ -464,9 +462,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
     }
   
     $scope.openBodyView = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         if ($rootScope.disableAnnotationTB == true)
         {
             $('#AnnotaionPopupDiv').find('input, textarea, button, select,img,div').attr('disabled', 'disabled');
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
index f2600fe..aaa185e 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
@@ -32,9 +32,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
     };
 
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+      
         // code that will be executed ... 
         // every time this view is loaded
 
@@ -533,9 +531,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
     }
 
     $scope.openBodyView = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         $rootScope.isLoading = true;
         $('#spinner').css('visibility', 'visible');
         $scope.voId = localStorage.getItem("currentBodyViewId");
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
index 35d4e9b..abf8109 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
@@ -19,9 +19,7 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location) {
     }
     //load json data
     $scope.loadCurriculumBuiderData = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+      
         //get current path
         var currentURL = $location.path();
         var selectedModuleName = '';
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index c0c1995..6e2b55e 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -376,9 +376,7 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
 
     //load json data for body view
     $scope.loadDissectibleAnatomyData = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         //get current path
         var currentURL = $location.path();
         var selectedModuleName = '';
@@ -2853,6 +2851,21 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
                            $rootScope.isLoading = false;
                            $('#spinner').css('visibility', 'hidden');
 
+                           //remove existing data and draw fresh data
+                           for (var i = 0; i < $rootScope.grayImageDataList.length; i++) {
+                               var grayCanvasID = 'imageCanvas' + parseInt(i + 1);
+                               var grayCanvas = document.getElementById(grayCanvasID);
+
+                               if (grayCanvas != null) {
+                                   var grayCanvasContext = grayCanvas.getContext("2d");
+
+                                   var canvasHeight = grayCanvas.height;
+                                   var canvasWidth = grayCanvas.width;
+                                   grayCanvasContext.clearRect(0, 0, canvasHeight, canvasWidth)
+                                   grayCanvasContext.putImageData($rootScope.grayImageDataList[parseInt(i)], 0, 0);
+                               }
+                           }
+
                        }
                        else {
                            console.log('1. HighlightBodyByTermListForBodySystem is called');
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index e1e571a..4f15a9b 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -132,7 +132,7 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
                    
                      $rootScope.userModules = UserModules;
                      $rootScope.isVisibleLogin = false;
-                     $location.path('/');
+                    
                  }
                  else {
                      if (result == LoginConstants.USER_NOT_FOUND) {
@@ -167,7 +167,7 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
                                      $rootScope.haveRoleAdmin = false;
                                      localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
                                      $('#dvUserModulesInfo').modal('show');
-                                     $location.path('/');
+                                     
                                  }
                                  //else if ((!result.IsSubscriptionExpired) && (result.UserType== UserTypeConstants.CLIENT_ADMIN || result.UserType== UserTypeConstants.DISTRICT_ADMIN || result.UserType== UserTypeConstants.SINGLE_USER ||result.UserType== UserTypeConstants.RESELLER) && result.License.IsTermAccepted) {}
 
@@ -177,11 +177,11 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
                                              $rootScope.userData = result;
                                              $rootScope.userModules = result.Modules;
                                              $rootScope.isVisibleLogin = false;
-                                             $rootScope.haveRoleAdmin = true;
+                                             $rootScope.haveRoleAdmin = true;   
                                              $rootScope.licenseeAccountNumber = result.License.AccountNumber;
                                              localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
                                              $('#dvUserModulesInfo').modal('show');
-                                     $location.path('/');
+                                    
                                          }
                                          else {
                                              if ($('#dvTerms').length > 0) {
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
index 467b1bb..5587841 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
@@ -13,9 +13,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     $scope.dragableId = "";
     $scope.blReviewAttempt = false;
     $scope.$on('$viewContentLoaded', function (event) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         // code that will be executed ... 
         // every time this view is loaded
 
@@ -91,9 +89,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
 
 
     $scope.GetQuizByTopic = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+      
         var keywords = $location.search();
         $scope.LabExerciseName = keywords.labexercise;
         $scope.LabExerciseModules = null;
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/LinkController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/LinkController.js
index 6669f06..36df995 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/LinkController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/LinkController.js
@@ -1,6 +1,6 @@
 'use strict';
 
-AIA.controller("LinkController", ["$scope", "$rootScope", "$log", "$location", "pages", "$routeParams",
+AIA.controller("LinkController", ["$scope", "$rootScope", "$log", "pages", "$routeParams",
 function ($scope, $rootScope, log, $location, pages, $routeParams) {
 
      //$rootScope.currentActiveModuleTitle = Modules[10].Name;
@@ -18,9 +18,7 @@ function ($scope, $rootScope, log, $location, pages, $routeParams) {
 
     $scope.$on('$viewContentLoaded', function (event) {
        
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         // code that will be executed ... 
         // every time this view is loaded
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 48bbd55..6f16da1 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -105,9 +105,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     };
   
     $scope.loadForModuleById = function (moduleId) {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+       
         $scope.moduleId = moduleId;
         $scope.activeTab = 1;
         console.log('loadForModuleById is called')
@@ -207,9 +205,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
 
 
     $scope.openModuleItem = function () {
-        if ($rootScope.refreshcheck == null) {
-            $location.path('/');
-        }
+        
         var jsContentURL;
         var moduleItemViewDivId;
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig b/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig
deleted file mode 100644
index 338f017..0000000
--- a/400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html.orig
+++ /dev/null
@@ -1,465 +0,0 @@
-<!--<style>
-    .slider label {
-        position: absolute;
-        width: 20px;
-        margin-left: -10px;
-        text-align: center;
-        margin-top: 20px;
-    }
-
-    /* below is not necessary, just for style */
-    .slider {
-        width: 50%;
-        margin: 2em auto;
-    }
-</style>-->
-<style>
-    /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change.  */
-    .btn-resize {
-        padding: 6px 11px;
-        border: 0px solid #000;
-        border-radius: 1px;
-    }
-</style>
-<style>
-    /*Dated:22-07-2016 Issue#4958:In Open body view, the side buttons are getting disturbed on layer change.  */
-    .btn-resize {
-        padding: 6px 11px;
-        border: 0px solid #000;
-        border-radius: 1px;
-    }
-</style>
-
-<style>
-    #draggable { opacity: 0.2;border:solid;position:absolute;}
-    #wrapper {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        margin: 20px auto;
-    }
-
-    .tooltip-custom + .tooltip > .tooltip-inner {
-        background-color: #fff;
-        border: 1px solid #000;
-        color: #000;
-        border-radius: 0;
-    }
-
-    .tooltip-custom + .tooltip > .tooltip-arrow {
-        display: none;
-    }
-
-    .custom-tooltip {
-        background-color: #fff;
-        border: 0 none;
-        color: #000;
-        left: -52px;
-        opacity: 0.9;
-        padding: 3px 0;
-        position: absolute;
-        text-align: center;
-        top: 45px;
-        width: 120px;
-        display: none;
-        z-index: 10000;
-        border: 1px solid #000;
-        color: #000;
-        border-radius: 0;
-    }
-
-    .custom-tooltip1 {
-        background-color: #fff;
-        border: 0 none;
-        color: #000;
-        left: 52px;
-        opacity: 0.9;
-        padding: 3px 0;
-        position: absolute;
-        text-align: center;
-        top: 45px;
-        width: 70px;
-        display: none;
-        z-index: 10000;
-        border: 1px solid #000;
-        color: #000;
-        border-radius: 0;
-    }
-
-    .custom-tooltip2 {
-        background-color: #fff;
-        border: 0 none;
-        color: #000;
-        right: 10px;
-        opacity: 0.9;
-        padding: 3px 0;
-        position: absolute;
-        text-align: center;
-        top: 45px;
-        width: 60px;
-        display: none;
-        z-index: 10000;
-        border: 1px solid #000;
-        color: #000;
-        border-radius: 0;
-    }
-</style>
- <!--Annotation Toolbar: Jcanvas-->
-<style>
-    .canvas-annotationStyle {
-        display: none;
-        background-color: transparent;
-        z-index: 12000;
-        position: absolute;
-        left: 0;
-        right: 0;
-    }
-</style>
-<div class=" " id="daView" ng-controller="DAController">
-    <div class="pos-relative leftToolBar tools pull-left">
-        <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>
-        <div class="" style="top:20px">
-            <div class="col-sm-6">
-                <button id="btnIdentity" class="btn btn-primary btn-sm tooltip-custom" ng-click="OnIdentityClick()" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt="" title=""></button>
-            </div>
-            <div class="col-sm-6 pull-right">
-                <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="enableZoom()" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
-                    <img src="content/images/icon-zoom.png" alt="" title="">
-                </button>
-            </div>
-            <div class="col-sm-12">
-                <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" ng-click="createTransparencyBox()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt="" title=""></button>
-            </div>
-            <div class="col-sm-6">
-                <button ng-class="Normal" class="btn btn-black btn-sm marginTop5 tooltip-custom" ng-click="enableNormalMode()" data-toggle=" tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb1.png" alt="" title=""></button>
-            </div>
-            <div class="col-sm-6">
-                <button ng-class="Extract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" ng-click="enableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt="" title=""></button>
-            </div>
-            <div class="col-sm-6">
-                <button ng-class="Highlight" id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" ng-click="enableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/bulb.png" alt="" title=""></button>
-            </div>
-            <div class="col-sm-6 dropdown hover-tool">
-                <div class="custom-tooltip">Highlight Options</div>
-                <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"  ng-click="LoadBodySystemData()" ><img src="content/images/icon-highlight.png" alt="" title=""></button>
-                <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
-                    <li ng-class="CurrentStructure"><a href="#" title="Current Structure">Current Structure</a></li>
-                    <li role="separator" class="divider"></li>
-                    <li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" ng-click="HighlightBodysystem($event)">Cardiovascular</a></li>
-                    <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodysystem($event)">Digestive</a></li>
-                    <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodysystem($event)">Endocrine</a></li>
-                    <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodysystem($event)">Immune</a></li>
-                    <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodysystem($event)">Integumentary</a></li>
-                    <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodysystem($event)">Lymphatic</a></li>
-                    <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodysystem($event)">Muscular</a></li>
-                    <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodysystem($event)">Nervous</a></li>
-                    <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodysystem($event)">Reproductive</a></li>
-                    <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodysystem($event)">Respiratory</a></li>
-                    <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodysystem($event)">Skeletal</a></li>
-                    <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodysystem($event)">Urinary</a></li>
-                </ul>
-            </div>
-            <div class="col-sm-6 hover-gender-tool" ng-init="switchGender()">
-                <div class=" custom-tooltip1">Gender</div>
-                <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class=" fa fa-intersex font16"></i></button>
-                <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
-                    <li ng-class="male"><a href="#" title="Male" ng-click="OnGenderChange($event)">Male</a></li>
-                    <li ng-class="female"><a href="#" title="Female" ng-click="OnGenderChange($event)">Female</a></li>
-                </ul>
-            </div>
-            <div class="col-sm-6 tooltip-View-custom">
-                <div class="custom-tooltip2">View</div>
-                <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="content/images/view.png" alt="" title=""></button>
-                <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
-                    <li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li>
-                    <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li>
-                    <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li>
-                    <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li>
-                    <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li>
-                    <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>
-                </ul>
-            </div>
-            <div class="col-sm-12">
-                <button id="btnStrutureBox" ng-click="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt="" title=""></button>
-            </div>
-        </div>
-        <div class="">
-            <p>
-                <input type="number" id="txtlayerNumber" value="0" step="1" min="0" style="width:80px; margin:10px 0 0 15px;" ng-model="layerNumber" ng-change="LayerChange()" />
-            </p>
-            <div id="layerChangeSlider" style="height:140px;" class="vert_slider " ng-model="layerNumber"></div>
-        </div>
-    </div>
-
-    <div class="main2">
-        <div class="col-sm-12 stickey-area">
-            <div class="breadcrumb ">
-                <div class="">
-                    <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
-
-                        <input type="text" class="form-control input-sm pull-left" id="typedtermname"  ng-blur="HideSearch()" ng-click="ShowSearch()" ng-dblclick="ShowSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">
-                        
-                        <div id="backdrop" ng-show="IsSearchVisible">
-                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">
-                                <ul id="termlistfilter" class="form-control dropdown-menu" style="height:100px;width:100%;overflow-y:scroll;position:absolute;display:none;z-index:1000;">
-                                    <li ng-repeat="item in VocabTermTxt| filter:{ _TermText: searchFilter}">
-                                        <a id="{{item._ActualTermNumber}}" href="" ng-click="jumpToTerm($event)">{{item._TermText}}</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                        <!--</div>-->
-
-                    </div>
-                    <div class="btn-group">
-                        <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-success dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            <i class="fa fa-arrow-circle-right"></i>
-                        </button>
-                        <ul class="dropdown-menu" style="width:100%;">
-                            <li><a href="#">{{currentTitleFromJson}}</a></li>
-                            <li role="separator" class="divider"></li>
-                            <li><a href="#">All</a></li>
-                        </ul>
-                    </div>
-                    <div class="btn-group open" id="da-body-nav">
-                        <button type="button" style="padding-left:15px;padding-right:15px;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-                            <i class="fa fa-male"></i>
-                        </button>
-
-                        <div class="dropdown-menu active" id="navigatorDiv" style="min-height:auto; min-width:auto; ">
-                            <div id="containment-wrapper" align="center" style="min-width:auto;height:119px; ">
-                                <img id="navimg" src="{{navimgsrc}}" alt=""></img>
-                                <div id="draggable" class="draggable ui-widget-content" ng-mouseup="ScrollCanvasDiv()" ng-style="dragdivposition">
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class=" canavsParent col-sm-12 " id="cp">
-            <div class="container-fluid">
-                <div class="row">
-                    <div id="canvasDiv" class="col-sm-12 img-thumbnail" align="center">
-<<<<<<< HEAD
-                        <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" style="display:none;background-color:transparent;z-index:12000;position:absolute;left:0;right:0;"></canvas>
-=======
-                        <canvas id="canvas" ng-click="doClick($event)" width="2277" height="3248" class="canvas-annotationStyle"></canvas>
->>>>>>> 98e905fcd7730a4ac9a42c79fa962809bae7bc88
-                    </div>
-                    <!--<div id="canvasDiv" style="  width: 95% !important;top:0px;overflow:scroll;background-color:white;">-->
-                    <!--<div id="daLoaderLabel">Loading....</div>-->
-
-                </div>
-                <div class="clearfix"></div>
-            </div>
-        </div>
-    </div>
-    <div class="clearfix"></div>
-    <!--to prevent transparency scale from closing on click anywhere outside set data-backdrop="static" data-keyboard="false" -->
-    <!--<div class="modal fade bs-example-modal-sm" tabindex="-1" aria-labelledby="mySmallModalLabel" id="transparencyScale" data-backdrop="static" data-keyboard="false">
-        <div class="modal-dialog modal-sm">
-            <div class="modal-content">
-                <div class="modal-header annotation-modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title">Transparency</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="row">
-                        <div class="col-sm-12">
-                            <div class="padded25">
-                                <div class="slider"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>-->
-    <!--<div class="ui-widget-content"  id="transparencyScale"  style="width: 350px; height: 130px;visibility:hidden;display:block;float:left">
-        <div class="modal-dialog modal-sm">
-            <div class="modal-content">
-                <div class="modal-header annotation-modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
-                    <h4>Transparency</h4>
-                </div>
-                <div>
-                    <div class="row">
-                        <div class="col-sm-12">
-                            <div class="padded25">
-                                <div class="slider"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>-->
-    <div class="ui-widget-content" id="transparencyScale" style="width: 350px; height: 150px;visibility:hidden;display:block;float:left">
-        <div>
-            <div>
-                <div class="modal-header annotation-modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="CloseTransparencyBox()"><span aria-hidden="true">&times;</span></button>
-                    <h4>Transparency</h4>
-                </div>
-                <div>
-                    <div class="row">
-                        <div class="col-sm-12">
-                            <div class="padded25">
-                                <!--<div class="slider" id="sliderScale"></div>-->
-                                <div class="slider"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
-<!--<script src="../../../libs/jquery/1.11.4/jquery-ui.js"></script>-->
-<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
-
-<script>
-    $(window).load(function () {
-        $(".stickey-area").sticky();
-    });</script>
-<script>
-    $(function () {
-        $("#layerChangeSlider").slider({
-            orientation: "vertical",
-            range: "max", // <--- needed...
-            min: 0,
-            // max: 100,
-            //value: 0,
-            slide: function (event, ui) {
-                // $("#txtlayerNumber").val(100 - ui.value); // basic math operation..
-
-                // $("#txtlayerNumber").val($("#layerChangeSlider").slider("value"));
-            },
-            stop: function (event, ui) {
-                var la;
-                var rootScope = angular.element(document.getElementById("bo")).scope();
-                rootScope.$apply(function () {
-                    rootScope.isLoading = true;
-                })
-                var scope = angular.element(document.getElementById("daView")).scope();
-                scope.$apply(function () {
-                    if (scope.isTransparencyActivated) {
-                        rootScope.isLoading = false;
-                    }
-                    la = parseInt(scope.totalLayers) //- parseInt(scope.layerNumber);
-                    //  $('#layerChangeSlider').slider("option", "value", la - ui.value);
-                    var slideVal = la - ui.value;
-                    $("#txtlayerNumber").val(slideVal);
-                    scope.layerNumber = slideVal;
-                    scope.LayerChange();
-                });
-            },
-
-        })
-    });
-
-</script>
-<!--<script>
-    $(function () {
-        $('#layerChangeSlider').slider().on('slideStop', function () {
-            alert('fjkjksdbgjkgjkfgk')
-        })
-</script>
-    });-->
-
-<script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
-<script>
-    $(function () {
-        $("#transparencyScale").draggable();
-        $("#draggable").draggable({ containment: "#containment-wrapper", scroll: false });
-    });
-</script>
-<script>
-    $(function () {
-
-        $("#dropdownMenu2").mouseover(function () {
-            $(".custom-tooltip").css("display", "block");
-        });
-        $("#dropdownMenu2").mouseout(function () {
-            $(".custom-tooltip").css("display", "none");
-        });
-
-        $("#dropdownMenu4").mouseover(function () {
-            $(".custom-tooltip1").css("display", "block");
-        });
-        $("#dropdownMenu4").mouseout(function () {
-            $(".custom-tooltip1").css("display", "none");
-        });
-
-        $("#dropdownMenu3").mouseover(function () {
-            $(".custom-tooltip2").css("display", "block");
-        });
-        $("#dropdownMenu3").mouseout(function () {
-            $(".custom-tooltip2").css("display", "none");
-        });
-
-
-
-        $("#slider-range-min-2").slider({
-            range: "min",
-            min: 1,
-            max: 60,
-            value: 10,
-            slide: function (event, ui) {
-                $("#amount-2").val(ui.value);
-            }
-        });
-        $("#amount-2").val($("#slider-vertical-2").slider("value"));
-    });
-</script>
-<script>
-    $(".slider")
-    .slider({
-        min: 0,
-        max: 100,
-        value: 50,
-        range: "min",
-        orientation: "horizontal",
-        stop: function (event, ui) {
-            //alert('trans changed')
-            var scope = angular.element(document.getElementById("daView")).scope();
-            scope.$apply(function () {
-                scope.onTransparencyChange(event, ui);
-            });
-        }
-    })
-    .slider("pips", {
-        rest: "label",
-        step: "10"
-    });
-
-</script>
-<script>
-    $(document).ready(function () {
-        $('[data-toggle="tooltip"]').tooltip({ trigger: 'hover', 'placement': 'bottom' });
-    });
-</script>
-<script>
-    $(function () {
-        $(".modal").draggable();
-    });
-</script>
-<script>
-    $(function () {
-        "use strict";
-        /*** Sidebar Toggle ***/
-        var barPos = 0;
-        var bar = $('.tools');
-        var main = $('.main2');
-        $('.toggleBar').click(function () {
-
-            bar.toggleClass('active');
-            main.toggleClass('active');
-        });
-    });
-</script>
-
-