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>
-
-