diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index ee8ca35..c49fae0 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -1847,6 +1847,138 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         }
     }
 
+    //$scope.createDynamicSpeechBubble = function (event, text, x, y) {
+
+    //    if (event.ctrlKey) {
+
+    //        $scope.multiAnnotationIsON = true;
+
+    //        $scope.i = $scope.i + 1;
+    //        //  var a = $("#sppeachBubble").find('span').html();
+    //        //  alert(a);
+    //        var sub_id = "black" + $scope.i;
+    //        var pointClicked = parseInt(x) + parseInt(y);
+    //        var Exists = $("#canvasDiv").find("div[id=" + pointClicked + "]").length;
+    //        if (Exists == 0) {
+    //            //  if (text.length > 12) {
+    //            $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:" + (text.length) + "%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+    //            //  }
+    //            //  else {
+    //            //      $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:" + (text.length) + "%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+    //            //   }
+    //        }
+    //        else {
+
+    //            $("#canvasDiv").find("div[id=" + pointClicked + "]").css("display", "block");
+
+    //        }
+
+
+    //        $scope.speachBubbleArray.push({ xaxis: x, yaxis: y, ids: sub_id });
+
+    //        $('.appendDragg').draggable({
+    //            drag: function (evt) {
+    //                $(this).prev('div').css("display", "none");
+    //                var bor_id = $(this).next('div').attr('id');
+    //                var sub_id1 = $(this).attr('id');
+    //                var verticalScrollPosition = canvasDiv.scrollTop;
+    //                var horizontlScrollPosition = canvasDiv.scrollLeft;
+    //                for (var m = 0; m <= $scope.speachBubbleArray.length - 1; m++) {
+    //                    if ($scope.speachBubbleArray[m].ids == sub_id1) {
+
+    //                        $scope.angle1($scope.speachBubbleArray[m].xaxis, $scope.speachBubbleArray[m].yaxis, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, bor_id);
+    //                        break;
+
+    //                    }
+    //                }
+
+    //            },
+    //        });
+
+
+
+    //        $('.dynCross').on('click', function (evt) {
+    //            $(this).parent().parent().parent().css('display', 'none');
+
+    //            // $("#bord").css("display", "none");
+    //            //  $("#dot").css("display", "none");
+
+
+    //        });
+
+
+    //    }
+
+
+    //    else {
+    //        $scope.multiAnnotationIsON = false;
+
+    //        $(".com").css("display", "none");
+    //        $("#bord").css({ "width": "0px", "display": "none" });
+
+    //        if (text.length > 12) {
+
+    //            $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+    //   + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:12%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+    //   + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+    //   + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+    //   + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+    //  + '</div>').appendTo('#canvasDiv');
+
+    //        }
+    //        else {
+
+
+    //            $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+    // + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:' + (text.length) + '%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+    // + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+    // + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+    // + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+    //+ '</div>').appendTo('#canvasDiv');
+
+
+    //        }
+    //        var Globe = [];
+    //        Globe.push({ currentX: x, currentY: y });
+
+    //        document.getElementById('dot').style.display = 'block';
+    //        document.getElementById('dot').style.left = ((Globe[0].currentX) - 10) + 'px';
+    //        document.getElementById('dot').style.top = ((Globe[0].currentY) + 10) + 'px';
+    //        document.getElementById('sppeachBubble').style.display = 'block';
+    //        document.getElementById('sppeachBubble').style.left = (Globe[0].currentX) + 'px';
+    //        document.getElementById('sppeachBubble').style.top = (Globe[0].currentY) + 'px';
+
+    //        $('#sppeachBubble').draggable(
+    // {
+    //     drag: function (evt) {
+
+    //         $("#dot").css("display", "none");
+    //         var verticalScrollPosition = canvasDiv.scrollTop;
+    //         var horizontlScrollPosition = canvasDiv.scrollLeft;
+    //         $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top);
+
+
+    //     },
+    // });
+
+
+    //        $('.crossDiv_temp').on('click', function (evt) {
+    //            $('#sppeachBubble').css('display', 'none');
+
+    //            $("#bord").css("display", "none");
+    //            $("#dot").css("display", "none");
+
+
+    //        });
+
+    //    }
+
+
+    //}
+
+
     $scope.createDynamicSpeechBubble = function (event, text, x, y) {
 
         if (event.ctrlKey) {
@@ -1859,13 +1991,45 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             var sub_id = "black" + $scope.i;
             var pointClicked = parseInt(x) + parseInt(y);
             var Exists = $("#canvasDiv").find("div[id=" + pointClicked + "]").length;
+            //  alert(text.length);
             if (Exists == 0) {
-                //  if (text.length > 12) {
-                $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:" + (text.length) + "%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
-                //  }
-                //  else {
-                //      $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:" + (text.length) + "%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
-                //   }
+                if (text.length <= 17) {
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:10%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+                }
+                else if (text.length > 17 && text.length <= 24) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:13%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+                else if (text.length > 24 && text.length <= 31) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:16%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+                else if (text.length > 31 && text.length <= 38) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:19%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+                else if (text.length > 38 && text.length <= 45) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:22%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+                else if (text.length > 45 && text.length <= 51) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:25%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+                else if (text.length > 51 && text.length <= 62) {
+
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:29%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+
+                }
+
+                else {
+                    $("#canvasDiv").append("<div id ='" + pointClicked + "' class='com'><div style='position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.i + "'></div><div data=" + $scope.i + " id=" + sub_id + " class='appendDragg' style='z-index:10000;margin-left:25px;border:1px solid #000;padding:5px 10px;width:" + (text.length) + "%;position:absolute;color:#000;text-align:left;font-size: 12px;background-color:#fff;font-weight:bold;left:" + x + "px;top:" + y + "px;'>" + text + "<div style='z-index:7000;position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.i + " class='dynCross' src='/AIA/content/images/speeachBubbleClose.png'></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:9000;' id='bord" + $scope.i + "'></div></div>");
+                }
             }
             else {
 
@@ -1916,10 +2080,10 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $(".com").css("display", "none");
             $("#bord").css({ "width": "0px", "display": "none" });
 
-            if (text.length > 12) {
+            if (text.length <= 17) {
 
                 $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
-       + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:12%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+       + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:10%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
        + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
        + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
 
@@ -1927,6 +2091,82 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
       + '</div>').appendTo('#canvasDiv');
 
             }
+
+            else if (text.length > 17 && text.length <= 24) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:13%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+            else if (text.length > 24 && text.length <= 31) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:16%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+            else if (text.length > 31 && text.length <= 38) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:19%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+            else if (text.length > 38 && text.length <= 45) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:22%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+
+            else if (text.length > 45 && text.length <= 51) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:25%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+
+            else if (text.length > 51 && text.length <= 62) {
+
+
+                $('<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
+      + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;width:29%;position:absolute;color:#000;text-align:left;font-size:12px;background-color:#fff;font-weight:bold;"><span>' + text + '</span>'
+      + '<span style="position:absolute;right:-4px;top:-4px;color:#ffffff;cursor:pointer;">'
+      + '<img class="crossDiv_temp" src="/AIA/content/images/speeachBubbleClose.png"></span></div>'
+
+      + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
+     + '</div>').appendTo('#canvasDiv');
+
+            }
+
             else {
 
 
@@ -1978,6 +2218,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 
     }
 
+
+
     $scope.angle1 = function (cx1, cy1, ex1, ey1, id, id2) {
 
         // console.log(cx1 + " " + cy1);