Different Item Heights demo updates

Author: dhilt

demo/differentItemHeights/differentItemHeights.html

@@ -20,7 +20,7 @@ <h1 class="page-header page-header-exapmle">Different Item Heights (Interpolatio
       <div class="viewport " ui-scroll-viewport>
         <div ui-scroll="item in datasource" buffer-size="10" adapter="adapter">
           <div class="item" ng-style="{'height': item.height + 'px'}">
-            {{"content # " + item.index + ' ' + item.height}}
+            {{"item #" + item.index + ' (h = ' + item.height + ')'}}
           </div>
         </div>
       </div>

demo/differentItemHeights/differentItemHeights.js

@@ -8,11 +8,9 @@ angular.module('application', ['ui.scroll'])
 
 .controller('MainCtrl', function($scope) {
   $scope.hello = 'Hello Main Controller!';
-  var counter = 0;
 
   var reloadListener = $scope.$on('DO_RELOAD', function() {
     if ($scope.adapter) {
-      counter = 0;
       $scope.adapter.reload();
     }
   });
@@ -21,17 +19,18 @@ angular.module('application', ['ui.scroll'])
     reloadListener();
   });
 
-  var min = -1000, max = 1000, delay = 0;
+  var min = -50, max = 100, delay = 0;
 
   $scope.datasource = {
     get: function(index, count, success) {
+      console.log('Getting ' + count + ' items started from ' + index + '...');
       setTimeout(function() {
         var result = [];
         var start = Math.max(min, index);
         var end = Math.min(index + count - 1, max);
         if (start <= end) {
           for (var i = start; i <= end; i++) {
-            height = 50 + (counter++ * 2);
+            height = 50 + (i + 1);
             result.push({ index: i, height: height });
           }
         }