diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AIController.js
index 5818487..ec7bb71 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/AIController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/AIController.js
@@ -721,9 +721,9 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                               theme: 'success',
                               currentController: 'AIController',
                               parentSlug: 'ADAM-images',
-                              content: '<div class="col-sm-12"><div class="container-fluid"><div class="row"><div class=" col-sm-12 img-thumbnail canvasDivClass" id="canvasDiv" style="overflow: scroll;" align="center"><canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="1195" height="460" class="canvas-annotationStyle" style="position: absolute; background-color: transparent;z-index:1; left: 0px;"></canvas> <canvas id="canvasPaint" ng-click="FreeStylePaint($event)"  width="1195" height="460" class="canvas-annotationStyle1" style="position: absolute;z-index:0; left: 0px;"></canvas>' +
+                              content: '<div class="col-sm-12"><div class="container-fluid"><div class="row"><div class=" col-sm-12 img-thumbnail canvasDivClass" id="canvasDiv" style="overflow: scroll;" align="center"><canvas id="canvas" ng-click="onDrawingCanvasClick($event)" width="1340" class="canvas-annotationStyle" style="position: absolute; background-color: transparent;z-index:1; left: 0px;"></canvas> <canvas id="canvasPaint" ng-click="FreeStylePaint($event)"  width="1340"  class="canvas-annotationStyle1" style="position: absolute;z-index:0; left: 0px;"></canvas>' +
                                
-                              '<img src="' + $scope.clickedAIImage + '" alt="" title="" class="img-responsive ">' +
+                              '<img src="' + $scope.clickedAIImage + '" alt="" title="" id="aimage" class="img-responsive ">' +
                               '</div>' +
                               '</div></div></div></div>',
                               //ajax: {
@@ -745,8 +745,24 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                               $('#aiSpinner').css('visibility', 'hidden');
                               var canvas = document.getElementById("canvas");
                               var canvasPaint = document.getElementById("canvasPaint");
-                              //canvas.height = $(".img-thumbnail").height();
-                              //canvasPaint.height = $(".img-thumbnail").height();
+
+                              var imageheight = $("#aimage").height();
+                              var canvasDivheight = $(window).outerHeight() - 150;
+                            
+                              if (canvasDivheight > imageheight)
+                              {
+                                  canvas.height = canvasDivheight;
+                                  canvasPaint.height = canvasDivheight;
+                              }
+                              else
+                              {
+                                  canvas.height = imageheight;
+                                  canvasPaint.height = imageheight;
+                              }
+
+                              canvas.width = $(window).outerWidth() - 81;
+                              canvasPaint.width = $(window).outerWidth() - 81;
+                             
                           });
                           $rootScope.currentSlug = 'adam-images-detail';
                           $rootScope.openViews.push(