diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index 24feea0..2d3d388 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -1,288 +1,288 @@
-﻿<!DOCTYPE html>
-<html lang="en" ng-cloak ng-app="AIA">
-<head>
-    <base href="/AIA/" />
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" />
-    <title>A.D.A.M. Interactive Anatomy</title>
-
-    <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
-
-
-    <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
-
-    <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
-
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
-
-    <link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-            <![endif]-->
-    <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" />
-
-    <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" />
-
-    <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" />
-    <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
-    <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
-   
-
-
-</head>
-<body ng-controller="HomeController" id="bo">
-    <div class="container-fluid ">
-        <!--Header-->
-
-        <nav class="navbar navbar-inverse navbar-fixed-top">
-            <div class="container-fluid">
-                <!-- Brand and toggle get grouped for better mobile display -->
-                <div class="navbar-header">
-                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false">
-                        <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
-                    </button>
-                    <a class="frameLogo navbar-brand" href="home"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a>
-                </div>
-                <div ng-include="'app/widget/TopMenu.html'"></div>
-            </div>
-        </nav>
-        <div class="bodyWrap row container-fluid">
-
-            <div id="spinner" class="spinner" ng-show="isLoading">
-                <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
-            </div>
-            <div ng-view></div>
-
-        </div>
-    </div>>
-
-
-    <!--list manager Modal-->
-    <div class="modal fade" id="ShowListManager" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-init="tab = 1" style="width:27%;left:50%;overflow:hidden;height:500px;top:100px">
-        <div class="modal-dialog" role="document" style="width:400px;">
-            <div class="modal-content" style="width:100%;max-width:400px;">
-                <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Setting</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="row" style="padding-top:20px;">
-                        <div class="col-sm-12">
-
-                            <div aria-label="..." role="group" class="btn-group btn-group-justified">
-                                <div role="group" class="btn-group">
-                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button>
-                                </div>
-                                <div role="group" class="btn-group">
-                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button>
-                                </div>
-                                <div role="group" class="btn-group">
-                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button>
-                                </div>
-                            </div>
-
-                        </div>
-
-
-                        <div class="col-sm-12" ng-show="tab === 1">
-
-
-                            <div class="row">
-                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
-                                    <div class="row" style="padding-top: 22px;">
-                                        <div class="center-block col-md-10" style="float: none; ">
-                                            <h5><strong>System Font</strong></h5>
-
-                                            <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;">
-                                                <div class="col-md-3" style="padding-left:0px;">
-                                                    Sample
-                                                </div>
-                                                <div class="col-md-6" style="padding-right:0px;">
-                                                    <input type="text" value="" style="width:85%;">
-                                                </div>
-                                                <div class="col-md-3" style="padding-left:0px;">
-                                                    <button class="btn btn-primary" style="margin-bottom:5px;">Change</button>
-                                                    <button class="btn btn-primary" style="margin-bottom:5px;">Default</button>
-                                                </div>
-
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="col-sm-12" ng-show="tab === 2">
-
-
-                            <div class="row">
-                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
-                                    <div class="col-md-6">
-                                        <h6><strong>Primary Lexicon</strong></h6>
-                                        <input type="text" value="English" style="width:90%;">
-                                        <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button>
-                                        <h6>Secondry Lexicon</h6>
-                                        <textarea style="width:90%;"></textarea>
-                                        <button>Change</button>
-                                        <button>Change</button>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <h6>Available Lexicon</h6>
-                                        <select multiple class="form-control" id="sel2">
-                                            <option>1</option>
-                                            <option>2</option>
-                                            <option>3</option>
-                                            <option>4</option>
-                                            <option>5</option>
-                                        </select>
-
-                                        <p>Note: Some languages require special system fonts to display correctly</p>
-                                    </div>
-
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="col-sm-12" ng-show="tab === 3">
-
-                            <div class="row">
-                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
-                                    <h6>Skin Tones</h6>
-                                    <div class="center-block col-md-8" style="float: none;">
-                                        <div class="col-md-6">
-                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
-                                        </div>
-                                        <div class="col-md-6">
-                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
-                                        </div>
-                                        <div class="col-md-6">
-                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
-                                        </div>
-                                        <div class="col-md-6">
-                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
-                                        </div>
-
-                                    </div>
-                                    <h6>Modesty Setting</h6>
-                                    <div class="col-md-6">
-                                        <div class="col-md-4">
-                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
-                                        </div>
-                                        <div class="col-md-8">
-
-                                            <div class="radio">
-                                                <label><input type="radio" name="optradio" checked>On</label>
-                                            </div>
-                                            <div class="radio">
-                                                <label><input type="radio" name="optradio">Off</label>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                    <div class="col-md-6">
-                                        <h6>Annotaion</h6>
-                                        <div class="checkbox">
-                                            <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label>
-                                        </div>
-                                    </div>
-                                </div>
-
-                            </div>
-
-
-
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-primary">Ok</button>
-                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button>
-                        <button type="button" class="btn btn-primary">Apply</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!--Annotation Modal-->
-    <div class="annotationTollbar" style="position:fixed;top:80px;right:500px;display:none;z-index:1100;">
-        <div class="annotationbar">
-            <div class="modal-content">
-                <div class="modal-header annotation-modal-header">
-                    <button type="button" class="close"  aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">&times;</span></button>
-                    <h4 class="modal-title" id="myModalLabel">Annotation</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="row">
-                        <div class="col-sm-12">
-                            <h5>Mode</h5>
-
-                            <div class="btn-group btn-group-justified" role="group" aria-label="...">
-                                <div class="btn-group" role="group">
-                                    <button type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
-                                </div>
-                                <div class="btn-group" role="group">
-                                    <button type="button" class="btn btn-sm btn-success">Draw</button>
-                                </div>
-                            </div>
-
-                        </div>
-                        <div class="col-sm-12">
-                            <h5>Tools</h5>
-                            <div class="well well-popup">
-                                <div class="" role="" aria-label="...">
-                                    <div class="" role="group" align="center">
-                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Select Shapes(S)"><img src="content/images/icon-identity.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Pin" ng-click="DrawPin()"><img src="content/images/draw-pin.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Arrow" ng-click="DrawArrow()"><img src="content/images/draw-arrow.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Text" ng-click="DrawText()"><img src="content/images/draw-text.png" alt="" title=""></button>
-                                    </div>
-                                    <div class="" role="group" align="center">
-                                        <button type="button" class="btn btn-black btn-xs " data-toggle="tooltip" data-placement="top" title="Draw Line" ng-click="DrawLine()"><img src="content/images/draw-line.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Rectangle" ng-click="DrawRectangle()"><img src="content/images/draw-rec.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Circle" ng-click="DrawCircle()"><img src="content/images/draw-cir.png" alt="" title=""></button>
-                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Polygon" ng-click="DrawPolygon()"><img src="content/images/draw-poly.png" alt="" title=""></button>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="well-popup well">
-                                <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive">
-                            </div>
-                            <div class="well well-popup">
-                                <div class="" role="group" aria-label="...">
-                                    <div>
-                                        <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;"><i class="fa fa-paint-brush"></i></button>
-                                        <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button>&nbsp;
-                                        <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
-                                        <div class="pull-left" style="width:45%; margin-left:2%;">
-                                            <div id="slider-range-min-2"></div>
-                                        </div>
-                                        <div class="clearfix"></div>
-                                    </div>
-
-
-                                </div>
-
-
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-    </div>
-   
-     <!--List manager-->
-    <style>
+﻿<!DOCTYPE html>
+<html lang="en" ng-cloak ng-app="AIA">
+<head>
+    <base href="/AIAHTML5/" />
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" />
+    <title>A.D.A.M. Interactive Anatomy</title>
+
+    <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
+
+
+    <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
+
+    <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
+
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
+
+    <link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+            <![endif]-->
+    <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" />
+
+    <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" />
+
+    <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" />
+    <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
+    <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
+   
+
+
+</head>
+<body ng-controller="HomeController" id="bo">
+    <div class="container-fluid ">
+        <!--Header-->
+
+        <nav class="navbar navbar-inverse navbar-fixed-top">
+            <div class="container-fluid">
+                <!-- Brand and toggle get grouped for better mobile display -->
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false">
+                        <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
+                    </button>
+                    <a class="frameLogo navbar-brand" href="home"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a>
+                </div>
+                <div ng-include="'app/widget/TopMenu.html'"></div>
+            </div>
+        </nav>
+        <div class="bodyWrap row container-fluid">
+
+            <div id="spinner" class="spinner" ng-show="isLoading">
+                <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
+            </div>
+            <div ng-view></div>
+
+        </div>
+    </div>>
+
+
+    <!--list manager Modal-->
+    <div class="modal fade" id="ShowListManager" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-init="tab = 1" style="width:27%;left:50%;overflow:hidden;height:500px;top:100px">
+        <div class="modal-dialog" role="document" style="width:400px;">
+            <div class="modal-content" style="width:100%;max-width:400px;">
+                <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title" id="myModalLabel">Setting</h4>
+                </div>
+                <div class="modal-body">
+                    <div class="row" style="padding-top:20px;">
+                        <div class="col-sm-12">
+
+                            <div aria-label="..." role="group" class="btn-group btn-group-justified">
+                                <div role="group" class="btn-group">
+                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button>
+                                </div>
+                                <div role="group" class="btn-group">
+                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button>
+                                </div>
+                                <div role="group" class="btn-group">
+                                    <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button>
+                                </div>
+                            </div>
+
+                        </div>
+
+
+                        <div class="col-sm-12" ng-show="tab === 1">
+
+
+                            <div class="row">
+                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
+                                    <div class="row" style="padding-top: 22px;">
+                                        <div class="center-block col-md-10" style="float: none; ">
+                                            <h5><strong>System Font</strong></h5>
+
+                                            <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;">
+                                                <div class="col-md-3" style="padding-left:0px;">
+                                                    Sample
+                                                </div>
+                                                <div class="col-md-6" style="padding-right:0px;">
+                                                    <input type="text" value="" style="width:85%;">
+                                                </div>
+                                                <div class="col-md-3" style="padding-left:0px;">
+                                                    <button class="btn btn-primary" style="margin-bottom:5px;">Change</button>
+                                                    <button class="btn btn-primary" style="margin-bottom:5px;">Default</button>
+                                                </div>
+
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-sm-12" ng-show="tab === 2">
+
+
+                            <div class="row">
+                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
+                                    <div class="col-md-6">
+                                        <h6><strong>Primary Lexicon</strong></h6>
+                                        <input type="text" value="English" style="width:90%;">
+                                        <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button>
+                                        <h6>Secondry Lexicon</h6>
+                                        <textarea style="width:90%;"></textarea>
+                                        <button>Change</button>
+                                        <button>Change</button>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <h6>Available Lexicon</h6>
+                                        <select multiple class="form-control" id="sel2">
+                                            <option>1</option>
+                                            <option>2</option>
+                                            <option>3</option>
+                                            <option>4</option>
+                                            <option>5</option>
+                                        </select>
+
+                                        <p>Note: Some languages require special system fonts to display correctly</p>
+                                    </div>
+
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-sm-12" ng-show="tab === 3">
+
+                            <div class="row">
+                                <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
+                                    <h6>Skin Tones</h6>
+                                    <div class="center-block col-md-8" style="float: none;">
+                                        <div class="col-md-6">
+                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
+                                        </div>
+                                        <div class="col-md-6">
+                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
+                                        </div>
+                                        <div class="col-md-6">
+                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
+                                        </div>
+                                        <div class="col-md-6">
+                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
+                                        </div>
+
+                                    </div>
+                                    <h6>Modesty Setting</h6>
+                                    <div class="col-md-6">
+                                        <div class="col-md-4">
+                                            <img class="img-responsive" alt="" src="http://placehold.it/400x300">
+                                        </div>
+                                        <div class="col-md-8">
+
+                                            <div class="radio">
+                                                <label><input type="radio" name="optradio" checked>On</label>
+                                            </div>
+                                            <div class="radio">
+                                                <label><input type="radio" name="optradio">Off</label>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <h6>Annotaion</h6>
+                                        <div class="checkbox">
+                                            <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+
+
+
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-primary">Ok</button>
+                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button>
+                        <button type="button" class="btn btn-primary">Apply</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!--Annotation Modal-->
+    <div class="annotationTollbar" style="position:fixed;top:80px;right:500px;display:none;z-index:1100;">
+        <div class="annotationbar">
+            <div class="modal-content">
+                <div class="modal-header annotation-modal-header">
+                    <button type="button" class="close"  aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title" id="myModalLabel">Annotation</h4>
+                </div>
+                <div class="modal-body">
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <h5>Mode</h5>
+
+                            <div class="btn-group btn-group-justified" role="group" aria-label="...">
+                                <div class="btn-group" role="group">
+                                    <button type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
+                                </div>
+                                <div class="btn-group" role="group">
+                                    <button type="button" class="btn btn-sm btn-success">Draw</button>
+                                </div>
+                            </div>
+
+                        </div>
+                        <div class="col-sm-12">
+                            <h5>Tools</h5>
+                            <div class="well well-popup">
+                                <div class="" role="" aria-label="...">
+                                    <div class="" role="group" align="center">
+                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Select Shapes(S)"><img src="content/images/icon-identity.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Pin" ng-click="DrawPin()"><img src="content/images/draw-pin.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Arrow" ng-click="DrawArrow()"><img src="content/images/draw-arrow.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Text" ng-click="DrawText()"><img src="content/images/draw-text.png" alt="" title=""></button>
+                                    </div>
+                                    <div class="" role="group" align="center">
+                                        <button type="button" class="btn btn-black btn-xs " data-toggle="tooltip" data-placement="top" title="Draw Line" ng-click="DrawLine()"><img src="content/images/draw-line.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Rectangle" ng-click="DrawRectangle()"><img src="content/images/draw-rec.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Circle" ng-click="DrawCircle()"><img src="content/images/draw-cir.png" alt="" title=""></button>
+                                        <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Polygon" ng-click="DrawPolygon()"><img src="content/images/draw-poly.png" alt="" title=""></button>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="well-popup well">
+                                <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive">
+                            </div>
+                            <div class="well well-popup">
+                                <div class="" role="group" aria-label="...">
+                                    <div>
+                                        <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;"><i class="fa fa-paint-brush"></i></button>
+                                        <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button>&nbsp;
+                                        <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
+                                        <div class="pull-left" style="width:45%; margin-left:2%;">
+                                            <div id="slider-range-min-2"></div>
+                                        </div>
+                                        <div class="clearfix"></div>
+                                    </div>
+
+
+                                </div>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+   
+     <!--List manager-->
+    <style>
     #listManager {
     background:#fff; border-radius:3px; border:1px solid #ededed;
     -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
@@ -377,100 +377,99 @@
             }
             div.style.display = 'block';
         }
-    </script>
-
-
-
-
-
-
-
-    <script>
-        function mytoggle() {
-            var div = document.getElementById("divSection");
-            if (div.style.display == 'block') {
-                div.style.display = 'none';
-                return;
-            }
-            div.style.display = 'block';
-        }
-    </script>
-
-
-    <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->
-    <script src="libs/jquery/2.1.3/jquery.min.js"></script>
-    <script src="libs/jquery/1.11.4/jquery-ui.js"></script>
-    <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script>
-    <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
-    <script src="libs/angular/1.4.9/angular.min.js"></script>
-    <script src="libs/angular/1.4.9/angular-route.min.js"></script>
-    <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
-    <script src="libs/angular/1.4.9/ngStorage.js"></script>
-    <script src="content/js/custom/custom.js"></script>
-    <script src="libs/jinqJs.js"></script>
-    <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
-    <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script>
-    <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
-    <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>-->
-    <script src="app/main/AIA.js"></script>
-    <script src="app/main/Link.js"></script>
-    <script src="content/scripts/js/custom/custom.js"></script>
-    <script src="app/filters/ColorMatrixFilter.js"></script>
-    <script src="app/utility/Matrix.js"></script>
-    <script src="app/utility/Point.js"></script>
-    <script src="app/utility/Rectangle.js"></script>
-    <script src="app/utility/BitmapData.js"></script>
-    <script src="app/utility/Paint.js"></script>
-    <script src="app/controllers/DAController.js"></script>
-    <script src="app/controllers/CIController.js"></script>
-    <script src="app/controllers/CAController.js"></script>
-    <script src="app/controllers/3dAController.js"></script>
-    <script src="app/controllers/CurrBuildController.js"></script>
-    <script src="app/controllers/AnatTestController.js"></script>
-    <script src="app/controllers/LabExercController.js"></script>
-    <script src="app/controllers/ADAMImgController.js"></script>
-    <script src="app/controllers/AODController.js"></script>
-    <script src="app/controllers/HomeController.js"></script>
-    <script src="app/controllers/LinkController.js"></script>
-    <script src="app/services/DataService.js"></script>
-    <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
-    <script src="../app/workeroprocess/match-pixel-wp.js"></script>
-    <script src="../app/workeroprocess/term-number-wp.js"></script>
-
-    <script>
-        $(function () {
-            $("#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"));
-
-            $(function () {
-                $('[data-toggle="tooltip"]').tooltip();
-            })
-        });
-    </script>
-    <script>
-        (function ($) {
-            $(window).load(function () {
-                $(".sidebar").mCustomScrollbar({
-                    autoHideScrollbar: true,
-                    //theme:"rounded"
-                });
-
-            });
-        })(jQuery);
-    </script>
-    <script>
-        $(function () {
-            $(".modal").draggable();
-            $(".annotationTollbar").draggable();
-        });
-    </script>
-</body>
+    </script>
+
+
+
+
+
+
+
+    <script>
+        function mytoggle() {
+            var div = document.getElementById("divSection");
+            if (div.style.display == 'block') {
+                div.style.display = 'none';
+                return;
+            }
+            div.style.display = 'block';
+        }
+    </script>
+
+
+    <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->
+    <script src="libs/jquery/2.1.3/jquery.min.js"></script>
+    <script src="libs/jquery/1.11.4/jquery-ui.js"></script>
+    <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script>
+    <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
+    <script src="libs/angular/1.4.9/angular.min.js"></script>
+    <script src="libs/angular/1.4.9/angular-route.min.js"></script>
+    <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
+    <script src="libs/angular/1.4.9/ngStorage.js"></script>
+    <script src="content/js/custom/custom.js"></script>
+    <script src="libs/jinqJs.js"></script>
+    <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
+    <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script>
+    <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
+    <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>-->
+    <script src="app/main/AIA.js"></script>
+    <script src="app/main/Link.js"></script>
+    <script src="content/scripts/js/custom/custom.js"></script>
+    <script src="app/filters/ColorMatrixFilter.js"></script>
+    <script src="app/utility/Matrix.js"></script>
+    <script src="app/utility/Point.js"></script>
+    <script src="app/utility/Rectangle.js"></script>
+    <script src="app/utility/BitmapData.js"></script>
+    <script src="app/utility/Paint.js"></script>
+    <script src="app/controllers/DAController.js"></script>
+    <script src="app/controllers/CIController.js"></script>
+    <script src="app/controllers/CAController.js"></script>
+    <script src="app/controllers/3dAController.js"></script>
+    <script src="app/controllers/CurrBuildController.js"></script>
+    <script src="app/controllers/AnatTestController.js"></script>
+    <script src="app/controllers/LabExercController.js"></script>
+    <script src="app/controllers/ADAMImgController.js"></script>
+    <script src="app/controllers/AODController.js"></script>
+    <script src="app/controllers/HomeController.js"></script>
+    <script src="app/controllers/LinkController.js"></script>
+    <script src="app/services/DataService.js"></script>
+    <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
+  
+
+    <script>
+        $(function () {
+            $("#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"));
+
+            $(function () {
+                $('[data-toggle="tooltip"]').tooltip();
+            })
+        });
+    </script>
+    <script>
+        (function ($) {
+            $(window).load(function () {
+                $(".sidebar").mCustomScrollbar({
+                    autoHideScrollbar: true,
+                    //theme:"rounded"
+                });
+
+            });
+        })(jQuery);
+    </script>
+    <script>
+        $(function () {
+            $(".modal").draggable();
+            $(".annotationTollbar").draggable();
+        });
+    </script>
+</body>
 </html>
\ No newline at end of file
