format

1 files changed, 2430 insertions, 2430 deletions

diff --git a/www/js/EventCtrl.js b/www/js/EventCtrl.js
index 0ee9ee6b..26c6ffcc 100644
--- a/www/js/EventCtrl.js
+++ b/www/js/EventCtrl.js
@@ -34,2952 +34,2952 @@ angular.module('zmApp.controllers')
 
   .controller('zmApp.EventCtrl', ['$scope', '$rootScope', 'zm', 'NVRDataModel', 'message', '$ionicSideMenuDelegate', '$timeout', '$interval', '$ionicModal', '$ionicLoading', '$http', '$state', '$stateParams', '$ionicHistory', '$ionicScrollDelegate', '$ionicPlatform', '$ionicSlideBoxDelegate', '$ionicPosition', '$ionicPopover', '$ionicPopup', 'EventServer', '$sce', '$cordovaBadge', '$cordovaLocalNotification', '$q', 'carouselUtils', '$translate', '$cordovaFileTransfer', '$cordovaFile', '$ionicListDelegate', 'ionPullUpFooterState', function ($scope, $rootScope, zm, NVRDataModel, message, $ionicSideMenuDelegate, $timeout, $interval, $ionicModal, $ionicLoading, $http, $state, $stateParams, $ionicHistory, $ionicScrollDelegate, $ionicPlatform, $ionicSlideBoxDelegate, $ionicPosition, $ionicPopover, $ionicPopup, EventServer, $sce, $cordovaBadge, $cordovaLocalNotification, $q, carouselUtils, $translate, $cordovaFileTransfer, $cordovaFile, $ionicListDelegate, ionPullUpFooterState) {
 
-      // events in last 5 minutes
-      // TODO https://server/zm/api/events/consoleEvents/5%20minute.json
-
-      //---------------------------------------------------
-      // Controller main
-      //---------------------------------------------------
-
-      var loginData;
-      var oldEvent;
-      var scrollbynumber;
-      var eventImageDigits = 5; // failsafe
-      var eventsPage;
-      var moreEvents;
-      var pageLoaded;
-      var enableLoadMore;
-      var lData;
-      var showHiddenMonitors;
-      var ionRangeWatcher;
-      var mycarouselWatcher;
-      var nolangFrom;
-      var nolangTo;
-      var broadcastHandles = [];
-
-      $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
-      $scope.outlineMotion = false;
-      $scope.outlineMotionParam = "&show=capture";
-
-
-      var eventsListScrubHeight = eventsListScrubHeight;
-      var eventsListDetailsHeight = eventsListDetailsHeight;
-
-
-      //---------------------------------------------------
-      // initial code
-      //---------------------------------------------------
-
-      //we come here is TZ is updated after the view loads
-      var tzu = $scope.$on('tz-updated', function () {
-        $scope.tzAbbr = NVRDataModel.getTimeZoneNow();
-        NVRDataModel.debug("Timezone API updated timezone to " + NVRDataModel.getTimeZoneNow());
-      });
-      broadcastHandles.push(tzu);
+    // events in last 5 minutes
+    // TODO https://server/zm/api/events/consoleEvents/5%20minute.json
+
+    //---------------------------------------------------
+    // Controller main
+    //---------------------------------------------------
+
+    var loginData;
+    var oldEvent;
+    var scrollbynumber;
+    var eventImageDigits = 5; // failsafe
+    var eventsPage;
+    var moreEvents;
+    var pageLoaded;
+    var enableLoadMore;
+    var lData;
+    var showHiddenMonitors;
+    var ionRangeWatcher;
+    var mycarouselWatcher;
+    var nolangFrom;
+    var nolangTo;
+    var broadcastHandles = [];
+
+    $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
+    $scope.outlineMotion = false;
+    $scope.outlineMotionParam = "&show=capture";
+
+
+    var eventsListScrubHeight = eventsListScrubHeight;
+    var eventsListDetailsHeight = eventsListDetailsHeight;
+
+
+    //---------------------------------------------------
+    // initial code
+    //---------------------------------------------------
+
+    //we come here is TZ is updated after the view loads
+    var tzu = $scope.$on('tz-updated', function () {
+      $scope.tzAbbr = NVRDataModel.getTimeZoneNow();
+      NVRDataModel.debug("Timezone API updated timezone to " + NVRDataModel.getTimeZoneNow());
+    });
+    broadcastHandles.push(tzu);
+
+    var lc = $scope.$on("language-changed", function () {
+      NVRDataModel.log(">>>>>>>>>>>>>>> language changed");
+      doRefresh();
+    });
+    broadcastHandles.push(lc);
+
+    $scope.$on('$ionicView.afterEnter', function () {
+
+      // console.log ("********* AFTER ENTER");
+      //
+      $ionicListDelegate.canSwipeItems(true);
+      NVRDataModel.debug("enabling options swipe");
+
+      // see if we come from monitors, if so, don't filter events
+      if ($ionicHistory.backTitle() == 'Monitors') {
+        showHiddenMonitors = true;
+      } else {
+        showHiddenMonitors = false;
+      }
 
-      var lc = $scope.$on("language-changed", function () {
-        NVRDataModel.log(">>>>>>>>>>>>>>> language changed");
-        doRefresh();
-      });
-      broadcastHandles.push(lc);
+      if (NVRDataModel.getLogin().useLocalTimeZone) {
+        $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr();
+      } else {
+        $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr();
+      }
 
-      $scope.$on('$ionicView.afterEnter', function () {
+      //console.log ("************** CLEARING EVENTS");
+      $scope.events = [];
 
-        // console.log ("********* AFTER ENTER");
-        //
-        $ionicListDelegate.canSwipeItems(true);
-        NVRDataModel.debug("enabling options swipe");
+      $timeout(function () {
+        // console.log ("DEFERRED ACTION EVENTS");
+        getInitialEvents();
+        setupWatchers();
+        footerExpand();
+        // now do event playback if asked
 
-        // see if we come from monitors, if so, don't filter events
-        if ($ionicHistory.backTitle() == 'Monitors') {
-          showHiddenMonitors = true;
-        } else {
-          showHiddenMonitors = false;
-        }
+        if (parseInt($rootScope.tappedEid) > 0) {
+          NVRDataModel.debug(" Trying ot live play " + $rootScope.tappedEid);
+          playSpecificEvent($rootScope.tappedEid);
 
-        if (NVRDataModel.getLogin().useLocalTimeZone) {
-          $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr();
-        } else {
-          $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr();
         }
 
-        //console.log ("************** CLEARING EVENTS");
-        $scope.events = [];
+      }, 100);
 
-        $timeout(function () {
-          // console.log ("DEFERRED ACTION EVENTS");
-          getInitialEvents();
-          setupWatchers();
-          footerExpand();
-          // now do event playback if asked
-
-          if (parseInt($rootScope.tappedEid) > 0) {
-            NVRDataModel.debug(" Trying ot live play " + $rootScope.tappedEid);
-            playSpecificEvent($rootScope.tappedEid);
+    });
 
-          }
 
-        }, 100);
+    function playSpecificEvent(eid) {
+      NVRDataModel.log("Stuffing EID to play back " + eid);
+      $rootScope.tappedEid = 0;
+      var event = {
+        Event: {
+          Id: eid
+        }
 
-      });
+      };
+      $scope.event = event;
+      $scope.currentEvent = event;
+      openModal(event);
 
+    }
 
-      function playSpecificEvent(eid) {
-        NVRDataModel.log("Stuffing EID to play back " + eid);
-        $rootScope.tappedEid = 0;
-        var event = {
-          Event: {
-            Id: eid
-          }
 
-        };
-        $scope.event = event;
-        $scope.currentEvent = event;
-        openModal(event);
+    $scope.$on('$ionicView.beforeLeave', function () {
 
+      NVRDataModel.debug("EventCtrl: Deregistering broadcast handles");
+      for (var i = 0; i < broadcastHandles.length; i++) {
+        // broadcastHandles[i]();
       }
+      broadcastHandles = [];
+    });
 
+    $scope.$on('$ionicView.beforeEnter', function () {
 
-      $scope.$on('$ionicView.beforeLeave', function () {
+      //console.log ("********* BEFORE ENTER");
+      //
 
-        NVRDataModel.debug("EventCtrl: Deregistering broadcast handles");
-        for (var i = 0; i < broadcastHandles.length; i++) {
-          // broadcastHandles[i]();
-        }
-        broadcastHandles = [];
-      });
+      $scope.modalData = {
+        "doRefresh": false
+      };
 
-      $scope.$on('$ionicView.beforeEnter', function () {
+      $scope.footerState = ionPullUpFooterState.MINIMIZED;
+      $scope.gifshotSupported = true;
+      document.addEventListener("pause", onPause, false);
+      //console.log("I got STATE PARAM " + $stateParams.id);
+      $scope.id = parseInt($stateParams.id, 10);
+      $scope.showEvent = $stateParams.playEvent || false;
+      $scope.monitors = NVRDataModel.getMonitorsNow();
 
-        //console.log ("********* BEFORE ENTER");
-        //
+      //console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
 
-        $scope.modalData = {
-          "doRefresh": false
-        };
+      NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent =  " + $scope.showEvent);
 
-        $scope.footerState = ionPullUpFooterState.MINIMIZED;
-        $scope.gifshotSupported = true;
-        document.addEventListener("pause", onPause, false);
-        //console.log("I got STATE PARAM " + $stateParams.id);
-        $scope.id = parseInt($stateParams.id, 10);
-        $scope.showEvent = $stateParams.playEvent || false;
-        $scope.monitors = NVRDataModel.getMonitorsNow();
 
-        //console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
 
-        NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent =  " + $scope.showEvent);
+      // This is the only view that hardcodes row size due to
+      // collection repeat, so lets re-get the text size if it has changed
+      // note that there may be a delay as its a callback - so might involve
+      // a UI jiggle 
 
+      if (window.cordova)
+        MobileAccessibility.getTextZoom(getTextZoomCallback);
 
+      eventsListDetailsHeight = parseInt(zm.eventsListDetailsHeight * $rootScope.textScaleFactor);
+      eventsListScrubHeight = parseInt(zm.eventsListScrubHeight * $rootScope.textScaleFactor);
 
-        // This is the only view that hardcodes row size due to
-        // collection repeat, so lets re-get the text size if it has changed
-        // note that there may be a delay as its a callback - so might involve
-        // a UI jiggle 
 
-        if (window.cordova)
-          MobileAccessibility.getTextZoom(getTextZoomCallback);
+      if (NVRDataModel.getLogin().enableThumbs) {
+        NVRDataModel.debug("--> thumbnail means increasing row size");
+        eventsListScrubHeight = 370;
+        eventsListDetailsHeight = 330;
 
-        eventsListDetailsHeight = parseInt(zm.eventsListDetailsHeight * $rootScope.textScaleFactor);
-        eventsListScrubHeight = parseInt(zm.eventsListScrubHeight * $rootScope.textScaleFactor);
+      }
 
+      NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight);
+
+      pageLoaded = false;
+      enableLoadMore = true;
+
+      $scope.mycarousel = {
+        index: 0
+      };
+
+      $scope.ionRange = {
+        index: 1
+      };
+      $scope.animationInProgress = false;
+
+      $scope.hours = [];
+      $scope.days = [];
+      $scope.weeks = [];
+      $scope.months = [];
+
+      $scope.eventList = {
+        showDelete: false
+      };
+
+      $scope.slides = []; // will hold scrub frames
+      $scope.totalEventTime = 0; // used to display max of progress bar
+      $scope.currentEventTime = 0;
+      oldEvent = ""; // will hold previous event that had showScrub = true
+      scrollbynumber = 0;
+      $scope.eventsBeingLoaded = true;
+      $scope.FrameArray = []; // will hold frame info from detailed Events API
+      loginData = NVRDataModel.getLogin();
+      NVRDataModel.getKeyConfigParams(0)
+        .then(function (data) {
+          //console.log ("***GETKEY: " + JSON.stringify(data));
+          eventImageDigits = parseInt(data);
+          NVRDataModel.log("Image padding digits reported as " + eventImageDigits);
+        });
 
-        if (NVRDataModel.getLogin().enableThumbs) {
-          NVRDataModel.debug("--> thumbnail means increasing row size");
-          eventsListScrubHeight = 370;
-          eventsListDetailsHeight = 330;
+      $scope.showSearch = false;
+      eventsPage = 1;
+      moreEvents = true;
+      $scope.viewTitle = {
+        title: ""
+      };
+      $scope.search = {
+        text: ""
+
+      };
+      $scope.myfilter = "";
+
+      $scope.loginData = NVRDataModel.getLogin();
+      $scope.playbackURL = $scope.loginData.url;
+
+    });
+
+    function getEventObject(eid) {
+
+      var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json';
+
+      $http.get(apiurl)
+        .success(function (data) {})
+        .error(function (err) {});
+
+    }
+
+    function getTextZoomCallback(tz) {
+      $rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0;
+      NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor);
+    }
+
+    // --------------------------------------------------------
+    // Handling of back button in case modal is open should
+    // close the modal
+    // --------------------------------------------------------                               
+
+    $ionicPlatform.registerBackButtonAction(function (e) {
+      e.preventDefault();
+      if ($scope.modal != undefined && $scope.modal.isShown()) {
+        // switch off awake, as liveview is finished
+        NVRDataModel.debug("Modal is open, closing it");
+        NVRDataModel.setAwake(false);
+        $scope.modal.remove();
+      } else {
+        NVRDataModel.debug("Modal is closed, so toggling or exiting");
+        if (!$ionicSideMenuDelegate.isOpenLeft()) {
+          $ionicSideMenuDelegate.toggleLeft();
 
+        } else {
+          navigator.app.exitApp();
         }
 
-        NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight);
-
-        pageLoaded = false;
-        enableLoadMore = true;
-
-        $scope.mycarousel = {
-          index: 0
-        };
+      }
 
-        $scope.ionRange = {
-          index: 1
-        };
-        $scope.animationInProgress = false;
+    }, 1000);
 
-        $scope.hours = [];
-        $scope.days = [];
-        $scope.weeks = [];
-        $scope.months = [];
+    //--------------------------------------
+    // monitor the slider for carousels
+    //--------------------------------------
+    function setupWatchers() {
+      NVRDataModel.debug("Setting up carousel watchers");
 
-        $scope.eventList = {
-          showDelete: false
-        };
+      ionRangeWatcher = $scope.$watch('ionRange.index', function () {
+        // console.log ("Watching index");
+        $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1;
+        if (carouselUtils.getStop() == true)
+          return;
 
-        $scope.slides = []; // will hold scrub frames
-        $scope.totalEventTime = 0; // used to display max of progress bar
-        $scope.currentEventTime = 0;
-        oldEvent = ""; // will hold previous event that had showScrub = true
-        scrollbynumber = 0;
-        $scope.eventsBeingLoaded = true;
-        $scope.FrameArray = []; // will hold frame info from detailed Events API
-        loginData = NVRDataModel.getLogin();
-        NVRDataModel.getKeyConfigParams(0)
-          .then(function (data) {
-            //console.log ("***GETKEY: " + JSON.stringify(data));
-            eventImageDigits = parseInt(data);
-            NVRDataModel.log("Image padding digits reported as " + eventImageDigits);
-          });
+        //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index);
+      });
 
-        $scope.showSearch = false;
-        eventsPage = 1;
-        moreEvents = true;
-        $scope.viewTitle = {
-          title: ""
-        };
-        $scope.search = {
-          text: ""
+      mycarouselWatcher = $scope.$watch('mycarousel.index', function () {
 
-        };
-        $scope.myfilter = "";
+        if ($scope.event && $scope.ionRange.index == parseInt($scope.event.Event.Frames) - 1) {
+          if (!$scope.modal || $scope.modal.isShown() == false) {
+            // console.log("quick scrub playback over");
+            carouselUtils.setStop(true);
+            $scope.ionRange.index = 0;
+            $scope.mycarousel.index = 1;
+          }
 
-        $scope.loginData = NVRDataModel.getLogin();
-        $scope.playbackURL = $scope.loginData.url;
+        }
+        if (carouselUtils.getStop() == true)
+          return;
+        $scope.ionRange.index = ($scope.mycarousel.index + 1).toString();
+        // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index);
 
       });
 
-      function getEventObject(eid) {
-
-        var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json';
+    }
+
+    // --------------------------------------------------------
+    // Handling of back button in case modal is open should
+    // close the modal
+    // --------------------------------------------------------      
+
+    function getInitialEvents() {
+      NVRDataModel.debug("getInitialEvents called");
+      var lData = NVRDataModel.getLogin();
+
+      // If you came from Monitors, disregard hidden monitors in montage
+      /* if (lData.persistMontageOrder && stackState != "Monitors") {
+           var tempMon = message;
+           $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0];
+       } else*/
+      $scope.monitors = message;
+
+      if ($scope.monitors.length == 0) {
+        var pTitle = $translate.instant('kNoMonitors');
+        $ionicPopup.alert({
+          title: pTitle,
+          template: "{{'kCheckCredentials' | translate }}",
+          okText: $translate.instant('kButtonOk'),
+          cancelText: $translate.instant('kButtonCancel'),
+        });
+        $ionicHistory.nextViewOptions({
+          disableBack: true
+        });
+        $state.go("app.login", {
+          "wizard": false
+        });
+        return;
+      }
 
-        $http.get(apiurl)
-          .success(function (data) {})
-          .error(function (err) {});
+      $scope.events = [];
+
+      // First get total pages and then
+      // start from the latest. If this fails, nothing displays
+
+      NVRDataModel.debug("EventCtrl: grabbing # of event pages");
+      nolangFrom = "";
+      nolangTo = "";
+      if ($rootScope.fromString)
+        nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
+      if ($rootScope.toString)
+        nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
+
+      //NVRDataModel.debug ("GETTING EVENTS USING "+$scope.id+" "+nolangFrom+" "+ nolangTo);
+      NVRDataModel.getEventsPages($scope.id, nolangFrom, nolangTo)
+        .then(function (data) {
+          //   console.log ("WE GOT PAGES="+JSON.stringify(data));
+          eventsPage = data.pageCount || 1;
+          NVRDataModel.debug("EventCtrl: found " + eventsPage + " pages of events");
+
+          pageLoaded = true;
+          $scope.viewTitle.title = data.count;
+          NVRDataModel.debug("EventCtrl: grabbing events for: id=" + $scope.id + " Date/Time:" + $rootScope.fromString +
+            "-" + $rootScope.toString);
+          nolangFrom = "";
+          nolangTo = "";
+          if ($rootScope.fromString)
+            nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
+          if ($rootScope.toString)
+            nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
 
-      }
+          NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo)
+            .then(function (data) {
 
-      function getTextZoomCallback(tz) {
-        $rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0;
-        NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor);
-      }
+              // console.log ("WE GOT EVENTS="+JSON.stringify(data));
+              var myevents = data;
 
-      // --------------------------------------------------------
-      // Handling of back button in case modal is open should
-      // close the modal
-      // --------------------------------------------------------                               
+              NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events");
+              var loginData = NVRDataModel.getLogin();
 
-      $ionicPlatform.registerBackButtonAction(function (e) {
-        e.preventDefault();
-        if ($scope.modal != undefined && $scope.modal.isShown()) {
-          // switch off awake, as liveview is finished
-          NVRDataModel.debug("Modal is open, closing it");
-          NVRDataModel.setAwake(false);
-          $scope.modal.remove();
-        } else {
-          NVRDataModel.debug("Modal is closed, so toggling or exiting");
-          if (!$ionicSideMenuDelegate.isOpenLeft()) {
-            $ionicSideMenuDelegate.toggleLeft();
+              //console.log ("-------->MON LEN"+$scope.monitors.length);
 
-          } else {
-            navigator.app.exitApp();
-          }
+              for (var i = 0; i < myevents.length; i++) {
 
-        }
+                var idfound = true;
+                if (loginData.persistMontageOrder) {
+                  idfound = false;
+                  for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                    if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) {
+                      // console.log ("FOUND IT");
 
-      }, 1000);
+                      idfound = true;
+                      break;
+                    }
+                  }
+                }
 
-      //--------------------------------------
-      // monitor the slider for carousels
-      //--------------------------------------
-      function setupWatchers() {
-        NVRDataModel.debug("Setting up carousel watchers");
+                //console.log ("IDFOUND="+idfound + " AND MON LEN="+$scope.monitors.length);
 
-        ionRangeWatcher = $scope.$watch('ionRange.index', function () {
-          // console.log ("Watching index");
-          $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1;
-          if (carouselUtils.getStop() == true)
-            return;
+                myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
+                myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId);
+                myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId);
+                myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId);
 
-          //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index);
-        });
+                //console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL);
 
-        mycarouselWatcher = $scope.$watch('mycarousel.index', function () {
+                // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
 
-          if ($scope.event && $scope.ionRange.index == parseInt($scope.event.Event.Frames) - 1) {
-            if (!$scope.modal || $scope.modal.isShown() == false) {
-              // console.log("quick scrub playback over");
-              carouselUtils.setStop(true);
-              $scope.ionRange.index = 0;
-              $scope.mycarousel.index = 1;
-            }
+                myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
+                myevents[i].Event.ShowScrub = false;
+                myevents[i].Event.height = eventsListDetailsHeight;
+                // now construct base path
+                myevents[i].Event.BasePath = computeBasePath(myevents[i]);
+                myevents[i].Event.relativePath = computeRelativePath(myevents[i]);
 
-          }
-          if (carouselUtils.getStop() == true)
-            return;
-          $scope.ionRange.index = ($scope.mycarousel.index + 1).toString();
-          // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index);
+                // get thumbW/H
 
-        });
+                var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
+                if (tempMon != undefined) {
 
-      }
+                  var mw = parseInt(tempMon.Monitor.Width);
+                  var mh = parseInt(tempMon.Monitor.Height);
+                  var mo = parseInt(tempMon.Monitor.Orientation);
+                  myevents[i].Event.Rotation = '';
 
-      // --------------------------------------------------------
-      // Handling of back button in case modal is open should
-      // close the modal
-      // --------------------------------------------------------      
+                  var th = computeThumbnailSize(mw, mh, mo);
+                  myevents[i].Event.thumbWidth = th.w;
+                  myevents[i].Event.thumbHeight = th.h;
+                }
 
-      function getInitialEvents() {
-        NVRDataModel.debug("getInitialEvents called");
-        var lData = NVRDataModel.getLogin();
+                // in multiserver BasePath is login url for frames 
+                // http://login.url/index.php?view=frame&eid=19696772&fid=21
 
-        // If you came from Monitors, disregard hidden monitors in montage
-        /* if (lData.persistMontageOrder && stackState != "Monitors") {
-             var tempMon = message;
-             $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0];
-         } else*/
-        $scope.monitors = message;
-
-        if ($scope.monitors.length == 0) {
-          var pTitle = $translate.instant('kNoMonitors');
-          $ionicPopup.alert({
-            title: pTitle,
-            template: "{{'kCheckCredentials' | translate }}",
-            okText: $translate.instant('kButtonOk'),
-            cancelText: $translate.instant('kButtonCancel'),
-          });
-          $ionicHistory.nextViewOptions({
-            disableBack: true
-          });
-          $state.go("app.login", {
-            "wizard": false
-          });
-          return;
-        }
+                //  console.log ("COMPARING "+NVRDataModel.getLogin().url+ " TO " +myevents[i].Event.baseURL);
+                if (NVRDataModel.getLogin().url != myevents[i].Event.baseURL) {
+                  //NVRDataModel.debug ("Multi server, changing base");
+                  myevents[i].Event.baseURL = NVRDataModel.getLogin().url;
 
-        $scope.events = [];
+                }
 
-        // First get total pages and then
-        // start from the latest. If this fails, nothing displays
-
-        NVRDataModel.debug("EventCtrl: grabbing # of event pages");
-        nolangFrom = "";
-        nolangTo = "";
-        if ($rootScope.fromString)
-          nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
-        if ($rootScope.toString)
-          nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
-
-        //NVRDataModel.debug ("GETTING EVENTS USING "+$scope.id+" "+nolangFrom+" "+ nolangTo);
-        NVRDataModel.getEventsPages($scope.id, nolangFrom, nolangTo)
-          .then(function (data) {
-              //   console.log ("WE GOT PAGES="+JSON.stringify(data));
-              eventsPage = data.pageCount || 1;
-              NVRDataModel.debug("EventCtrl: found " + eventsPage + " pages of events");
-
-              pageLoaded = true;
-              $scope.viewTitle.title = data.count;
-              NVRDataModel.debug("EventCtrl: grabbing events for: id=" + $scope.id + " Date/Time:" + $rootScope.fromString +
-                "-" + $rootScope.toString);
-              nolangFrom = "";
-              nolangTo = "";
-              if ($rootScope.fromString)
-                nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
-              if ($rootScope.toString)
-                nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
-
-              NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo)
-                .then(function (data) {
-
-                    // console.log ("WE GOT EVENTS="+JSON.stringify(data));
-                    var myevents = data;
-
-                    NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events");
-                    var loginData = NVRDataModel.getLogin();
-
-                    //console.log ("-------->MON LEN"+$scope.monitors.length);
-
-                    for (var i = 0; i < myevents.length; i++) {
-
-                      var idfound = true;
-                      if (loginData.persistMontageOrder) {
-                        idfound = false;
-                        for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                          if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) {
-                            // console.log ("FOUND IT");
-
-                            idfound = true;
-                            break;
-                          }
-                        }
-                      }
-
-                      //console.log ("IDFOUND="+idfound + " AND MON LEN="+$scope.monitors.length);
-
-                      myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
-                      myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId);
-                      myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId);
-                      myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId);
-
-                      //console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL);
-
-                      // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
-
-                      myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
-                      myevents[i].Event.ShowScrub = false;
-                      myevents[i].Event.height = eventsListDetailsHeight;
-                      // now construct base path
-                      myevents[i].Event.BasePath = computeBasePath(myevents[i]);
-                      myevents[i].Event.relativePath = computeRelativePath(myevents[i]);
-
-                      // get thumbW/H
-
-                      var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
-                      if (tempMon != undefined) {
-
-                        var mw = parseInt(tempMon.Monitor.Width);
-                        var mh = parseInt(tempMon.Monitor.Height);
-                        var mo = parseInt(tempMon.Monitor.Orientation);
-                        myevents[i].Event.Rotation = '';
-
-                        var th = computeThumbnailSize(mw, mh, mo);
-                        myevents[i].Event.thumbWidth = th.w;
-                        myevents[i].Event.thumbHeight = th.h;
-                      }
-
-                        // in multiserver BasePath is login url for frames 
-                        // http://login.url/index.php?view=frame&eid=19696772&fid=21
-
-                        //  console.log ("COMPARING "+NVRDataModel.getLogin().url+ " TO " +myevents[i].Event.baseURL);
-                        if (NVRDataModel.getLogin().url != myevents[i].Event.baseURL) {
-                          //NVRDataModel.debug ("Multi server, changing base");
-                          myevents[i].Event.baseURL = NVRDataModel.getLogin().url;
-
-                        }
-
-                        if (myevents[i].Event.imageMode == 'path')
-                          //if (1)
-                          myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo;
-                        else
-                          myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id;
-
-                        // if (idfound)
-                        if (idfound) {
-
-                          //NVRDataModel.debug ("PUSHING "+JSON.stringify(myevents[i]));
-                          $scope.events.push(myevents[i]);
-                          //console.log ("SCOPE EVENTS LEN="+$scope.events.length);
-                        } else {
-                          //NVRDataModel.debug ("Skipping Event MID = " + myevents[i].Event.MonitorId);
-                        }
-
-                      } //for
-
-                      //$scope.events = myevents;
-                      // we only need to stop the template from loading when the list is empty
-                      // so this can be false once we have _some_ content
-                      // FIXME: check reload
-                      $scope.eventsBeingLoaded = false;
-                      // to avoid only few events being displayed
-                      // if last page has less events
-                      //console.log("**Loading Next Page ***");
-                      if (myevents.length < 50) {
-                        //console.log ("EVENTS LOADED="+JSON.stringify($scope.events));
-                        NVRDataModel.debug("EventCtrl:loading one more page just in case we don't have enough to display");
-                        loadMore();
-                      }
-                    });
+                if (myevents[i].Event.imageMode == 'path')
+                  //if (1)
+                  myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo;
+                else
+                  myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id;
 
-                });
-          }
+                // if (idfound)
+                if (idfound) {
 
-        //-------------------------------------------------------
-        // Tapping on a frame shows this image
-        //------------------------------------------------------
+                  //NVRDataModel.debug ("PUSHING "+JSON.stringify(myevents[i]));
+                  $scope.events.push(myevents[i]);
+                  //console.log ("SCOPE EVENTS LEN="+$scope.events.length);
+                } else {
+                  //NVRDataModel.debug ("Skipping Event MID = " + myevents[i].Event.MonitorId);
+                }
 
-        function SaveSuccess() {
-          $ionicLoading.show({
-            template: $translate.instant('kDone'),
-            noBackdrop: true,
-            duration: 1000
-          });
-          NVRDataModel.debug("ModalCtrl:Photo saved successfuly");
-        }
+              } //for
+
+              //$scope.events = myevents;
+              // we only need to stop the template from loading when the list is empty
+              // so this can be false once we have _some_ content
+              // FIXME: check reload
+              $scope.eventsBeingLoaded = false;
+              // to avoid only few events being displayed
+              // if last page has less events
+              //console.log("**Loading Next Page ***");
+              if (myevents.length < 50) {
+                //console.log ("EVENTS LOADED="+JSON.stringify($scope.events));
+                NVRDataModel.debug("EventCtrl:loading one more page just in case we don't have enough to display");
+                loadMore();
+              }
+            });
 
-        function SaveError(e) {
-          $ionicLoading.show({
-            template: $translate.instant('kErrorSave'),
-            noBackdrop: true,
-            duration: 2000
-          });
-          NVRDataModel.log("Error saving image: " + e.message);
-          //console.log("***ERROR");
-        }
+        });
+    }
 
+    //-------------------------------------------------------
+    // Tapping on a frame shows this image
+    //------------------------------------------------------
 
-        function saveNow(imgsrc, r, f) {
+    function SaveSuccess() {
+      $ionicLoading.show({
+        template: $translate.instant('kDone'),
+        noBackdrop: true,
+        duration: 1000
+      });
+      NVRDataModel.debug("ModalCtrl:Photo saved successfuly");
+    }
+
+    function SaveError(e) {
+      $ionicLoading.show({
+        template: $translate.instant('kErrorSave'),
+        noBackdrop: true,
+        duration: 2000
+      });
+      NVRDataModel.log("Error saving image: " + e.message);
+      //console.log("***ERROR");
+    }
 
-          $ionicLoading.show({
-            template: $translate.instant('kSavingSnapshot') + "...",
-            noBackdrop: true,
-            duration: zm.httpTimeout
-          });
-          var url = imgsrc;
-          NVRDataModel.log("saveNow: File path to grab is " + url);
-
-          var img = new Image();
-          img.onload = function () {
-            // console.log("********* ONLOAD");
-            var canvas = document.createElement('canvas');
-            canvas.width = img.width;
-            canvas.height = img.height;
-            var context = canvas.getContext('2d');
-            context.drawImage(img, 0, 0);
-
-            var imageDataUrl = canvas.toDataURL('image/jpeg', 1.0);
-            var imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, '');
-
-            if ($rootScope.platformOS != "desktop") {
-              try {
-
-                cordova.exec(
-                  SaveSuccess,
-                  SaveError,
-                  'Canvas2ImagePlugin',
-                  'saveImageDataToLibrary', [imageData]
-                );
-                // carouselUtils.setStop(curState);
-              } catch (e) {
-
-                SaveError(e.message);
-                // carouselUtils.setStop(curState);
-              }
-            } else {
 
-              var fname = r + f + ".png";
-              fname = fname.replace(/\//, "-");
-              fname = fname.replace(/\.jpg/, '');
+    function saveNow(imgsrc, r, f) {
 
-              canvas.toBlob(function (blob) {
-                saveAs(blob, fname);
-                SaveSuccess();
-              });
-            }
-          };
+      $ionicLoading.show({
+        template: $translate.instant('kSavingSnapshot') + "...",
+        noBackdrop: true,
+        duration: zm.httpTimeout
+      });
+      var url = imgsrc;
+      NVRDataModel.log("saveNow: File path to grab is " + url);
+
+      var img = new Image();
+      img.onload = function () {
+        // console.log("********* ONLOAD");
+        var canvas = document.createElement('canvas');
+        canvas.width = img.width;
+        canvas.height = img.height;
+        var context = canvas.getContext('2d');
+        context.drawImage(img, 0, 0);
+
+        var imageDataUrl = canvas.toDataURL('image/jpeg', 1.0);
+        var imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, '');
+
+        if ($rootScope.platformOS != "desktop") {
           try {
-            img.src = url;
-            // console.log ("SAVING IMAGE SOURCE");
+
+            cordova.exec(
+              SaveSuccess,
+              SaveError,
+              'Canvas2ImagePlugin',
+              'saveImageDataToLibrary', [imageData]
+            );
+            // carouselUtils.setStop(curState);
           } catch (e) {
+
             SaveError(e.message);
+            // carouselUtils.setStop(curState);
           }
+        } else {
 
-        }
+          var fname = r + f + ".png";
+          fname = fname.replace(/\//, "-");
+          fname = fname.replace(/\.jpg/, '');
 
+          canvas.toBlob(function (blob) {
+            saveAs(blob, fname);
+            SaveSuccess();
+          });
+        }
+      };
+      try {
+        img.src = url;
+        // console.log ("SAVING IMAGE SOURCE");
+      } catch (e) {
+        SaveError(e.message);
+      }
 
+    }
 
 
-        function writeFile2(path, file, blob, isAppend) {
-          var csize = 4 * 1024 * 1024; // 4MB
-          var d = $q.defer();
-          NVRDataModel.debug("Inside writeFile2 with blob size=" + blob.size);
 
-          // nothing more to write, so all good?
-          if (!blob.size) {
-            NVRDataModel.debug("writeFile2 all done");
-            d.resolve(true);
-            return $q.resolve(true);
-          }
 
+    function writeFile2(path, file, blob, isAppend) {
+      var csize = 4 * 1024 * 1024; // 4MB
+      var d = $q.defer();
+      NVRDataModel.debug("Inside writeFile2 with blob size=" + blob.size);
 
-          if (!isAppend) {
-            // return the delegated promise, even if it fails
-            return $cordovaFile.writeFile(path, file, blob.slice(0, csize), true)
-              .then(function (succ) {
-                return writeFile2(path, file, blob.slice(csize), true);
-              });
-          } else {
-            // return the delegated promise, even if it fails
-            return $cordovaFile.writeExistingFile(path, file, blob.slice(0, csize))
-              .then(function (succ) {
-                return writeFile2(path, file, blob.slice(csize), true);
-              });
-          }
+      // nothing more to write, so all good?
+      if (!blob.size) {
+        NVRDataModel.debug("writeFile2 all done");
+        d.resolve(true);
+        return $q.resolve(true);
+      }
 
 
-        }
+      if (!isAppend) {
+        // return the delegated promise, even if it fails
+        return $cordovaFile.writeFile(path, file, blob.slice(0, csize), true)
+          .then(function (succ) {
+            return writeFile2(path, file, blob.slice(csize), true);
+          });
+      } else {
+        // return the delegated promise, even if it fails
+        return $cordovaFile.writeExistingFile(path, file, blob.slice(0, csize))
+          .then(function (succ) {
+            return writeFile2(path, file, blob.slice(csize), true);
+          });
+      }
 
-        function writeFile(path, __filename, __data) {
-          var d = $q.defer();
-          //console.log ("inside write file");
-          window.requestFileSystem(LocalFileSystem.TEMPORARY, __data.size + 5000, onFileSystemSuccess, fail);
-
-          function fail(e) {
-            var msg = '';
-
-            switch (e.code) {
-              case FileError.QUOTA_EXCEEDED_ERR:
-                msg = 'QUOTA_EXCEEDED_ERR';
-                break;
-              case FileError.NOT_FOUND_ERR:
-                msg = 'NOT_FOUND_ERR';
-                break;
-              case FileError.SECURITY_ERR:
-                msg = 'SECURITY_ERR';
-                break;
-              case FileError.INVALID_MODIFICATION_ERR:
-                msg = 'INVALID_MODIFICATION_ERR';
-                break;
-              case FileError.INVALID_STATE_ERR:
-                msg = 'INVALID_STATE_ERR';
-                break;
-              default:
-                msg = 'Unknown Error';
-                break;
-            }
 
-            //console.log('Error: ' + msg);
-          }
+    }
+
+    function writeFile(path, __filename, __data) {
+      var d = $q.defer();
+      //console.log ("inside write file");
+      window.requestFileSystem(LocalFileSystem.TEMPORARY, __data.size + 5000, onFileSystemSuccess, fail);
+
+      function fail(e) {
+        var msg = '';
+
+        switch (e.code) {
+          case FileError.QUOTA_EXCEEDED_ERR:
+            msg = 'QUOTA_EXCEEDED_ERR';
+            break;
+          case FileError.NOT_FOUND_ERR:
+            msg = 'NOT_FOUND_ERR';
+            break;
+          case FileError.SECURITY_ERR:
+            msg = 'SECURITY_ERR';
+            break;
+          case FileError.INVALID_MODIFICATION_ERR:
+            msg = 'INVALID_MODIFICATION_ERR';
+            break;
+          case FileError.INVALID_STATE_ERR:
+            msg = 'INVALID_STATE_ERR';
+            break;
+          default:
+            msg = 'Unknown Error';
+            break;
+        }
 
-          function onFileSystemSuccess() {
-            // console.log ("Got temporary FS");
-            window.resolveLocalFileSystemURL(path, function (dir) {
-                dir.getFile(__filename, {
-                  create: true
-                }, function (file) {
-                  file.createWriter(function (fileWriter) {
-                    //var blob = new Blob([__data], {type:'text/plain'});
-                    // console.log ("about to write "+__data.size+" bytes");
-                    //var blob = new Blob([__data], {type:'text/plain'});
-                    fileWriter.write(__data);
-                    fileWriter.onwrite = function (e) {
-                      NVRDataModel.debug("write complete");
-                      d.resolve();
-                      return d.promise;
-                    };
-
-                    fileWriter.onerror = function (e) {
-                      NVRDataModel.debug("write error in filewriter:" + JSON.stringify(e));
-                      d.reject();
-                      return d.promise;
-                    };
+        //console.log('Error: ' + msg);
+      }
 
-                  });
-                });
+      function onFileSystemSuccess() {
+        // console.log ("Got temporary FS");
+        window.resolveLocalFileSystemURL(path, function (dir) {
+            dir.getFile(__filename, {
+              create: true
+            }, function (file) {
+              file.createWriter(function (fileWriter) {
+                //var blob = new Blob([__data], {type:'text/plain'});
+                // console.log ("about to write "+__data.size+" bytes");
+                //var blob = new Blob([__data], {type:'text/plain'});
+                fileWriter.write(__data);
+                fileWriter.onwrite = function (e) {
+                  NVRDataModel.debug("write complete");
+                  d.resolve();
+                  return d.promise;
+                };
+
+                fileWriter.onerror = function (e) {
+                  NVRDataModel.debug("write error in filewriter:" + JSON.stringify(e));
+                  d.reject();
+                  return d.promise;
+                };
 
-              },
-              function (err) {
-                d.reject(err);
-                return d.promise;
               });
-          }
-          return d.promise;
-        }
-
-
-        function moveImageToGallery(fname) {
-          // this is https://github.com/terikon/cordova-plugin-photo-library
+            });
 
-          NVRDataModel.debug("moveImageToGallery called with " + fname);
-          cordova.plugins.photoLibrary.saveImage(fname, "zmNinja", onSuccess, onError);
-          //LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja");
+          },
+          function (err) {
+            d.reject(err);
+            return d.promise;
+          });
+      }
+      return d.promise;
+    }
 
-          function onSuccess(results) {
 
-            NVRDataModel.debug("Removing temp file");
+    function moveImageToGallery(fname) {
+      // this is https://github.com/terikon/cordova-plugin-photo-library
 
-            if ($rootScope.platformOS == 'ios') {
-              $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-file.gif");
-            } else
-              $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-file.gif");
-            $ionicLoading.show({
-              template: $translate.instant('kDone'),
-              noBackdrop: true,
-              duration: 2000
-            });
+      NVRDataModel.debug("moveImageToGallery called with " + fname);
+      cordova.plugins.photoLibrary.saveImage(fname, "zmNinja", onSuccess, onError);
+      //LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja");
 
+      function onSuccess(results) {
 
-          }
+        NVRDataModel.debug("Removing temp file");
 
-          function onError(error) {
-            // console.log("Error: " + error);
+        if ($rootScope.platformOS == 'ios') {
+          $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-file.gif");
+        } else
+          $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-file.gif");
+        $ionicLoading.show({
+          template: $translate.instant('kDone'),
+          noBackdrop: true,
+          duration: 2000
+        });
 
-          }
-        }
 
-        $scope.readyToPlay = function (api) {
+      }
 
-          api.mediaElement.attr("playsinline", "");
+      function onError(error) {
+        // console.log("Error: " + error);
 
+      }
+    }
 
-        };
+    $scope.readyToPlay = function (api) {
 
+      api.mediaElement.attr("playsinline", "");
 
-        $scope.downloadFileToDevice = function (path, eid) {
 
-          NVRDataModel.setAwake(true);
-          var tp;
-          if ($rootScope.platformOS == 'ios')
-            tp = cordova.file.documentsDirectory + "temp-video.mp4";
-          else
-            tp = cordova.file.dataDirectory + "temp-video.mp4";
+    };
 
-          var th = true;
 
-          var opt = {};
+    $scope.downloadFileToDevice = function (path, eid) {
 
-          if ($rootScope.basicAuthHeader) {
-            opt.headers = {
-              "Authorization": $rootScope.basicAuthHeader
-            };
-            NVRDataModel.debug("download with auth options is:" + JSON.stringify(opt));
-          }
+      NVRDataModel.setAwake(true);
+      var tp;
+      if ($rootScope.platformOS == 'ios')
+        tp = cordova.file.documentsDirectory + "temp-video.mp4";
+      else
+        tp = cordova.file.dataDirectory + "temp-video.mp4";
 
-          //path = "http://techslides.com/demos/sample-videos/small.mp4";
+      var th = true;
 
-          NVRDataModel.debug("Saving temporary video to: " + tp);
-          $cordovaFileTransfer.download(path, tp, opt, th)
-            .then(function (result) {
-              NVRDataModel.debug("Moving to gallery...");
-              var ntp;
-              ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
+      var opt = {};
 
-              $timeout(function () {
-                $ionicLoading.hide();
-              });
-              moveToGallery(ntp, eid + "-video");
-              NVRDataModel.setAwake(false);
-              // Success!
-            }, function (err) {
-              NVRDataModel.setAwake(false);
-              NVRDataModel.log("Error=" + JSON.stringify(err));
+      if ($rootScope.basicAuthHeader) {
+        opt.headers = {
+          "Authorization": $rootScope.basicAuthHeader
+        };
+        NVRDataModel.debug("download with auth options is:" + JSON.stringify(opt));
+      }
 
-              $timeout(function () {
-                $ionicLoading.show({
+      //path = "http://techslides.com/demos/sample-videos/small.mp4";
 
-                  template: $translate.instant('kError'),
-                  noBackdrop: true,
-                  duration: 3000
-                });
-              });
-              // Error
-            }, function (progress) {
-              var p = Math.round((progress.loaded / progress.total) * 100);
+      NVRDataModel.debug("Saving temporary video to: " + tp);
+      $cordovaFileTransfer.download(path, tp, opt, th)
+        .then(function (result) {
+          NVRDataModel.debug("Moving to gallery...");
+          var ntp;
+          ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
 
-              $ionicLoading.show({
+          $timeout(function () {
+            $ionicLoading.hide();
+          });
+          moveToGallery(ntp, eid + "-video");
+          NVRDataModel.setAwake(false);
+          // Success!
+        }, function (err) {
+          NVRDataModel.setAwake(false);
+          NVRDataModel.log("Error=" + JSON.stringify(err));
 
-                template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
-                noBackdrop: true
-              });
+          $timeout(function () {
+            $ionicLoading.show({
 
+              template: $translate.instant('kError'),
+              noBackdrop: true,
+              duration: 3000
             });
+          });
+          // Error
+        }, function (progress) {
+          var p = Math.round((progress.loaded / progress.total) * 100);
 
-          function moveToGallery(path, fname) {
-
-            NVRDataModel.debug("moveToGallery called with " + path);
-            LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname);
-
-            function onSuccess(results) {
-              $ionicLoading.hide();
-              NVRDataModel.debug("Removing temp file");
+          $ionicLoading.show({
 
-              if ($rootScope.platformOS == 'ios')
-                $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4");
-              else
-                $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4");
+            template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
+            noBackdrop: true
+          });
 
-            }
+        });
 
-            function onError(error) {
-              $ionicLoading.hide();
-              console.log("Error: " + error);
+      function moveToGallery(path, fname) {
 
-            }
-          }
+        NVRDataModel.debug("moveToGallery called with " + path);
+        LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname);
 
-        };
+        function onSuccess(results) {
+          $ionicLoading.hide();
+          NVRDataModel.debug("Removing temp file");
 
-        $scope.mp4warning = function () {
-          $ionicPopup.alert({
-            title: $translate.instant('kNote'),
-            template: "{{'kVideoMp4Warning' | translate }}",
-            okText: $translate.instant('kButtonOk'),
-            cancelText: $translate.instant('kButtonCancel'),
-          });
-        };
+          if ($rootScope.platformOS == 'ios')
+            $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4");
+          else
+            $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4");
 
-        $scope.showImage = function (p, r, f, fid, e, imode, id, parray, ndx) {
-          var img;
+        }
 
-          //console.log ("HERE");
-          $scope.kFrame = $translate.instant('kFrame');
-          $scope.kEvent = $translate.instant('kEvent');
-          $scope.ndx = ndx;
-          $scope.parray = parray;
-          $scope.imode = imode;
+        function onError(error) {
+          $ionicLoading.hide();
+          console.log("Error: " + error);
 
-          // note ndx may be incorrect if we are looking 
-          // at unique frames;
+        }
+      }
 
-          // NVRDataModel.debug("Hello");
-          if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
+    };
 
-            var ic;
+    $scope.mp4warning = function () {
+      $ionicPopup.alert({
+        title: $translate.instant('kNote'),
+        template: "{{'kVideoMp4Warning' | translate }}",
+        okText: $translate.instant('kButtonOk'),
+        cancelText: $translate.instant('kButtonCancel'),
+      });
+    };
 
-            for (ic = 0; ic < $scope.parray.length; ic++) {
-              if ($scope.parray[ic].frameid == fid)
-                break;
-            }
+    $scope.showImage = function (p, r, f, fid, e, imode, id, parray, ndx) {
+      var img;
 
-            NVRDataModel.debug("Readjusting selected frame ID from:" + $scope.ndx + "  to actual frame ID of:" + ic);
-            $scope.ndx = ic;
-          } else {
-            NVRDataModel.debug("No index adjustment necessary as we are using all frames");
-          }
+      //console.log ("HERE");
+      $scope.kFrame = $translate.instant('kFrame');
+      $scope.kEvent = $translate.instant('kEvent');
+      $scope.ndx = ndx;
+      $scope.parray = parray;
+      $scope.imode = imode;
 
-          // console.log ("Image Mode " + imode);
-          // console.log ("parray :  " + JSON.stringify(parray));
-          // console.log ("index: " + ndx);
-          if ($scope.imode == 'path') {
-            if ($scope.outlineMotion)
-              $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
-            else
-              $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-            $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-          } else {
-            $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
-            $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
+      // note ndx may be incorrect if we are looking 
+      // at unique frames;
 
-          }
+      // NVRDataModel.debug("Hello");
+      if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
 
-          //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img,  cssClass:'popup80'});
+        var ic;
 
-          if ($rootScope.authSession != 'undefined') {
-            $scope.imgsrc += $rootScope.authSession;
-            $scope.fallbackImgSrc += $rootScope.authSession;
-          }
+        for (ic = 0; ic < $scope.parray.length; ic++) {
+          if ($scope.parray[ic].frameid == fid)
+            break;
+        }
 
+        NVRDataModel.debug("Readjusting selected frame ID from:" + $scope.ndx + "  to actual frame ID of:" + ic);
+        $scope.ndx = ic;
+      } else {
+        NVRDataModel.debug("No index adjustment necessary as we are using all frames");
+      }
 
-          $scope.imgsrc += NVRDataModel.insertBasicAuthToken();
-          $scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken();
+      // console.log ("Image Mode " + imode);
+      // console.log ("parray :  " + JSON.stringify(parray));
+      // console.log ("index: " + ndx);
+      if ($scope.imode == 'path') {
+        if ($scope.outlineMotion)
+          $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
+        else
+          $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+        $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+      } else {
+        $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
+        $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
 
+      }
 
+      //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img,  cssClass:'popup80'});
 
-          $rootScope.zmPopup = $ionicPopup.show({
-            template: '<center>' + $translate.instant('kFrame') + ':{{parray[ndx].frameid}}@{{prettifyTimeSec(parray[ndx].time)}}</center><br/><img ng-src="{{imgsrc}}" fallback-src="{{fallbackImgSrc}}" width="100%"  />',
-            title: $translate.instant('kImages') + " (" + $translate.instant($scope.typeOfFrames) + ")",
-            subTitle: 'use left and right arrows to change',
-            scope: $scope,
-            cssClass: 'popup95',
-            buttons: [
+      if ($rootScope.authSession != 'undefined') {
+        $scope.imgsrc += $rootScope.authSession;
+        $scope.fallbackImgSrc += $rootScope.authSession;
+      }
 
-              {
-                text: '',
-                type: 'button-assertive button-small ion-camera',
-                onTap: function (e) {
-                  e.preventDefault();
-                  saveNow($scope.imgsrc, r, parray[$scope.ndx].fname);
 
-                }
-              },
+      $scope.imgsrc += NVRDataModel.insertBasicAuthToken();
+      $scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken();
 
-              {
-                // left 1
-                text: '',
-                type: 'button-small button-energized ion-chevron-left',
-                onTap: function (e) {
-                  // look for next frame that matches the type of frame
-                  // we are showing (all or diff timestamps);
-
-                  // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames);
-                  var nndx = null;
-                  var alltype = $translate.instant('kShowAllFrames');
-                  for (var i = $scope.ndx - 1; i >= 0; i--) {
-                    if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) {
-                      nndx = i;
-                      break;
-                    }
-                  }
-                  if (nndx == null) nndx = $scope.ndx;
-                  $scope.ndx = nndx;
 
-                  if ($scope.imode == 'path') {
-                    if ($scope.outlineMotion)
-                      $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
-                    else
-                      $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-                    $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-                  } else {
-                    $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
-                    $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
 
-                  }
+      $rootScope.zmPopup = $ionicPopup.show({
+        template: '<center>' + $translate.instant('kFrame') + ':{{parray[ndx].frameid}}@{{prettifyTimeSec(parray[ndx].time)}}</center><br/><img ng-src="{{imgsrc}}" fallback-src="{{fallbackImgSrc}}" width="100%"  />',
+        title: $translate.instant('kImages') + " (" + $translate.instant($scope.typeOfFrames) + ")",
+        subTitle: 'use left and right arrows to change',
+        scope: $scope,
+        cssClass: 'popup95',
+        buttons: [
 
+          {
+            text: '',
+            type: 'button-assertive button-small ion-camera',
+            onTap: function (e) {
+              e.preventDefault();
+              saveNow($scope.imgsrc, r, parray[$scope.ndx].fname);
 
-                  e.preventDefault();
+            }
+          },
 
+          {
+            // left 1
+            text: '',
+            type: 'button-small button-energized ion-chevron-left',
+            onTap: function (e) {
+              // look for next frame that matches the type of frame
+              // we are showing (all or diff timestamps);
+
+              // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames);
+              var nndx = null;
+              var alltype = $translate.instant('kShowAllFrames');
+              for (var i = $scope.ndx - 1; i >= 0; i--) {
+                if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) {
+                  nndx = i;
+                  break;
                 }
-              },
-              {
-                // right 1
-                text: '',
-                type: 'button-small button-energized ion-chevron-right',
-                onTap: function (e) {
-
-                  // look for next frame that matches the type of frame
-                  // we are showing (all or diff timestamps);
-
-                  // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames);
-                  var nndx = null;
-                  var alltype = $translate.instant('kShowAllFrames');
-                  for (var i = $scope.ndx + 1; i < $scope.parray.length; i++) {
-                    //console.log ("Comparing: " +$scope.parray[i].type +" to " + $scope.typeOfFrames);
-                    if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) {
-                      nndx = i;
-                      break;
-                    }
-                  }
-                  if (nndx == null) nndx = $scope.ndx;
-                  $scope.ndx = nndx;
-
-                  if ($scope.imode == 'path') {
-                    if ($scope.outlineMotion)
-                      $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
-                    else
-                      $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-                    $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
-                  } else {
-                    $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
-                    $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
-
-                  }
-
+              }
+              if (nndx == null) nndx = $scope.ndx;
+              $scope.ndx = nndx;
+
+              if ($scope.imode == 'path') {
+                if ($scope.outlineMotion)
+                  $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
+                else
+                  $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+                $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+              } else {
+                $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
+                $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
 
-                  e.preventDefault();
+              }
 
-                }
-              },
 
-              {
-                text: '',
-                type: 'button-positive button-small ion-checkmark-round',
-                onTap: function (e) {
+              e.preventDefault();
 
+            }
+          },
+          {
+            // right 1
+            text: '',
+            type: 'button-small button-energized ion-chevron-right',
+            onTap: function (e) {
+
+              // look for next frame that matches the type of frame
+              // we are showing (all or diff timestamps);
+
+              // console.log ("TYPE OF FRAMES: " + $scope.typeOfFrames);
+              var nndx = null;
+              var alltype = $translate.instant('kShowAllFrames');
+              for (var i = $scope.ndx + 1; i < $scope.parray.length; i++) {
+                //console.log ("Comparing: " +$scope.parray[i].type +" to " + $scope.typeOfFrames);
+                if ($scope.parray[i].type == $scope.typeOfFrames || $scope.typeOfFrames == alltype) {
+                  nndx = i;
+                  break;
                 }
               }
-            ]
-          });
+              if (nndx == null) nndx = $scope.ndx;
+              $scope.ndx = nndx;
+
+              if ($scope.imode == 'path') {
+                if ($scope.outlineMotion)
+                  $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].aname;
+                else
+                  $scope.imgsrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+                $scope.fallbackImgSrc = p + "/index.php?view=image&path=" + r + $scope.parray[$scope.ndx].fname;
+              } else {
+                $scope.imgsrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id + $scope.outlineMotionParam;
+                $scope.fallbackImgSrc = p + "/index.php?view=image&fid=" + $scope.parray[$scope.ndx].id;
 
-        };
+              }
 
 
+              e.preventDefault();
 
-        $scope.toggleMotionOutline = function () {
-          $scope.outlineMotion = !$scope.outlineMotion;
-          if ($scope.outlineMotion)
-            $scope.outlineMotionParam = "&show=analyse";
-          else
-            $scope.outlineMotionParam = "&show=capture";
-        };
+            }
+          },
 
-        $scope.toggleTypeOfAlarms = function () {
-          //  "kShowAllFrames"             : "all",
-          // "kShowTimeDiffFrames"        :  "different timestamps"
+          {
+            text: '',
+            type: 'button-positive button-small ion-checkmark-round',
+            onTap: function (e) {
 
-          if ($scope.typeOfFrames == $translate.instant('kShowAllFrames')) {
-            $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
-          } else {
-            $scope.typeOfFrames = $translate.instant('kShowAllFrames');
+            }
           }
-        };
+        ]
+      });
 
-        // not explictly handling error --> I have a default "No events found" message
-        // displayed in the template if events list is null
+    };
 
-        //--------------------------------------------------------------------------
-        // This is what the pullup bar calls depending on what range is specified
-        //--------------------------------------------------------------------------
-        $scope.showEvents = function (val, unit, monitorId) {
-          NVRDataModel.debug("ShowEvents called with val:" + val + " unit:" + unit + " for Monitor:" + monitorId);
 
-          $ionicHistory.nextViewOptions({
-            disableBack: true
-          });
 
-          // we have to convert from and to, to server time
-          var mToDate = moment().tz(NVRDataModel.getTimeZoneNow());
-          var mFromDate = moment().subtract(parseInt(val), unit).tz(NVRDataModel.getTimeZoneNow());
+    $scope.toggleMotionOutline = function () {
+      $scope.outlineMotion = !$scope.outlineMotion;
+      if ($scope.outlineMotion)
+        $scope.outlineMotionParam = "&show=analyse";
+      else
+        $scope.outlineMotionParam = "&show=capture";
+    };
 
-          // console.log("Moment Dates:" + mFromDate.format() + " TO  " + mToDate.format());
+    $scope.toggleTypeOfAlarms = function () {
+      //  "kShowAllFrames"             : "all",
+      // "kShowTimeDiffFrames"        :  "different timestamps"
 
-          $rootScope.fromTime = mFromDate.toDate();
-          $rootScope.toTime = mToDate.toDate();
-          $rootScope.fromDate = $rootScope.fromTime;
-          $rootScope.toDate = $rootScope.toTime;
+      if ($scope.typeOfFrames == $translate.instant('kShowAllFrames')) {
+        $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
+      } else {
+        $scope.typeOfFrames = $translate.instant('kShowAllFrames');
+      }
+    };
 
-          NVRDataModel.debug("From: " + $rootScope.fromTime);
-          NVRDataModel.debug("To: " + $rootScope.toTime);
+    // not explictly handling error --> I have a default "No events found" message
+    // displayed in the template if events list is null
 
-          //$rootScope.fromDate = fromDate.toDate();
-          //$rootScope.toDate = toDate.toDate();
-          $rootScope.isEventFilterOn = true;
-          $rootScope.fromString = mFromDate
-            .format("YYYY-MM-DD") + " " + mFromDate.format("HH:mm:ss");
+    //--------------------------------------------------------------------------
+    // This is what the pullup bar calls depending on what range is specified
+    //--------------------------------------------------------------------------
+    $scope.showEvents = function (val, unit, monitorId) {
+      NVRDataModel.debug("ShowEvents called with val:" + val + " unit:" + unit + " for Monitor:" + monitorId);
 
-          $rootScope.toString = mToDate
-            .format("YYYY-MM-DD") + " " + mToDate
-            .format("HH:mm:ss");
+      $ionicHistory.nextViewOptions({
+        disableBack: true
+      });
 
-          // console.log("**************From String: " + $rootScope.fromString);
-          //  console.log("**************To String: " + $rootScope.toString);
+      // we have to convert from and to, to server time
+      var mToDate = moment().tz(NVRDataModel.getTimeZoneNow());
+      var mFromDate = moment().subtract(parseInt(val), unit).tz(NVRDataModel.getTimeZoneNow());
+
+      // console.log("Moment Dates:" + mFromDate.format() + " TO  " + mToDate.format());
+
+      $rootScope.fromTime = mFromDate.toDate();
+      $rootScope.toTime = mToDate.toDate();
+      $rootScope.fromDate = $rootScope.fromTime;
+      $rootScope.toDate = $rootScope.toTime;
+
+      NVRDataModel.debug("From: " + $rootScope.fromTime);
+      NVRDataModel.debug("To: " + $rootScope.toTime);
+
+      //$rootScope.fromDate = fromDate.toDate();
+      //$rootScope.toDate = toDate.toDate();
+      $rootScope.isEventFilterOn = true;
+      $rootScope.fromString = mFromDate
+        .format("YYYY-MM-DD") + " " + mFromDate.format("HH:mm:ss");
+
+      $rootScope.toString = mToDate
+        .format("YYYY-MM-DD") + " " + mToDate
+        .format("HH:mm:ss");
+
+      // console.log("**************From String: " + $rootScope.fromString);
+      //  console.log("**************To String: " + $rootScope.toString);
+
+      // reloading - may solve https://github.com/pliablepixels/zmNinja/issues/36
+      // if you are in the same mid event page $state.go won't work
+
+      $scope.id = monitorId;
+      $scope.showEvent = false;
+      $scope.footerState = ionPullUpFooterState.MINIMIZED;
+      getInitialEvents();
+
+      /* console.log ("---> SENDING TO EVENTS WITH mid " + monitorId);
+       $state.go("app.events",
+       {
+           "id": monitorId,
+           "playEvent": false
+       },
+       {
+           reload: true
+       });*/
+    };
 
-          // reloading - may solve https://github.com/pliablepixels/zmNinja/issues/36
-          // if you are in the same mid event page $state.go won't work
+    //----------------------------------------------------------------
+    // Alarm notification handling
+    //----------------------------------------------------------------
+    $scope.handleAlarms = function () {
+      // $rootScope.isAlarm = !$rootScope.isAlarm;
 
-          $scope.id = monitorId;
-          $scope.showEvent = false;
-          $scope.footerState = ionPullUpFooterState.MINIMIZED;
-          getInitialEvents();
+      if ($scope.modal !== undefined) {
+        $scope.modal.remove();
+      }
+      if ($rootScope.isAlarm) {
+        $rootScope.alarmCount = "0";
+        $rootScope.isAlarm = !$rootScope.isAlarm;
+        /*$ionicHistory.nextViewOptions(
+        {
+            disableBack: true
+        });
+        $state.go("app.events",
+        {
+            "id": 0,
+            "playEvent": false
+        },
+        {
+            reload: true
+        }); */
+
+        getInitialEvents();
+        return;
+      }
+    };
 
-          /* console.log ("---> SENDING TO EVENTS WITH mid " + monitorId);
-           $state.go("app.events",
-           {
-               "id": monitorId,
-               "playEvent": false
-           },
-           {
-               reload: true
-           });*/
-        };
+    // credit:http://stackoverflow.com/a/20151856/1361529
+    function base64toBlob(base64Data, contentType) {
+      contentType = contentType || '';
+      var sliceSize = 1024;
+      var byteCharacters = atob(base64Data);
+      var bytesLength = byteCharacters.length;
+      var slicesCount = Math.ceil(bytesLength / sliceSize);
+      var byteArrays = new Array(slicesCount);
+
+      for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
+        var begin = sliceIndex * sliceSize;
+        var end = Math.min(begin + sliceSize, bytesLength);
+
+        var bytes = new Array(end - begin);
+        for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
+          bytes[i] = byteCharacters[offset].charCodeAt(0);
+        }
+        byteArrays[sliceIndex] = new Uint8Array(bytes);
+      }
+      return new Blob(byteArrays, {
+        type: contentType
+      });
+    }
+
+    //----------------------------------------------------------
+    // create an array of images
+    // to keep memory manageable, we are only  going to pick up alarmed frames
+    // and that too, max 1ps
+    // --------------------------------------------------------------
+    function prepareImages(e) {
+      var d = $q.defer();
+      var imglist = [];
+      var myurl = loginData.apiurl + '/events/' + e.Event.Id + ".json";
+      $http.get(myurl)
+        .then(function (succ) {
+            var data = succ.data;
+            var fps = 0;
+            var lastTime = "";
+
+            for (var i = 0; i < data.event.Frame.length; i++) {
+              if (data.event.Frame[i].Type == "Alarm")
+              //if (1)
+              {
+                var fname;
+                //console.log ("PATH="+e.Event.imageMode);
+                if (e.Event.imageMode == 'path')
+                //if (1)
+                {
+                  var rfp = padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg";
+                  fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&path=" + e.Event.relativePath + rfp;
+                } else {
+                  fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&fid=" + data.event.Frame[i].Id;
+                }
 
-        //----------------------------------------------------------------
-        // Alarm notification handling
-        //----------------------------------------------------------------
-        $scope.handleAlarms = function () {
-          // $rootScope.isAlarm = !$rootScope.isAlarm;
+                if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ )
 
-          if ($scope.modal !== undefined) {
-            $scope.modal.remove();
-          }
-          if ($rootScope.isAlarm) {
-            $rootScope.alarmCount = "0";
-            $rootScope.isAlarm = !$rootScope.isAlarm;
-            /*$ionicHistory.nextViewOptions(
-            {
-                disableBack: true
-            });
-            $state.go("app.events",
-            {
-                "id": 0,
-                "playEvent": false
-            },
-            {
-                reload: true
-            }); */
+                {
+                  imglist.push(fname);
+                  //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1;
+                  lastTime = data.event.Frame[i].TimeStamp;
+                }
 
-            getInitialEvents();
-            return;
-          }
-        };
+              }
 
-        // credit:http://stackoverflow.com/a/20151856/1361529
-        function base64toBlob(base64Data, contentType) {
-          contentType = contentType || '';
-          var sliceSize = 1024;
-          var byteCharacters = atob(base64Data);
-          var bytesLength = byteCharacters.length;
-          var slicesCount = Math.ceil(bytesLength / sliceSize);
-          var byteArrays = new Array(slicesCount);
-
-          for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
-            var begin = sliceIndex * sliceSize;
-            var end = Math.min(begin + sliceSize, bytesLength);
-
-            var bytes = new Array(end - begin);
-            for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
-              bytes[i] = byteCharacters[offset].charCodeAt(0);
             }
-            byteArrays[sliceIndex] = new Uint8Array(bytes);
-          }
-          return new Blob(byteArrays, {
-            type: contentType
-          });
-        }
 
-        //----------------------------------------------------------
-        // create an array of images
-        // to keep memory manageable, we are only  going to pick up alarmed frames
-        // and that too, max 1ps
-        // --------------------------------------------------------------
-        function prepareImages(e) {
-          var d = $q.defer();
-          var imglist = [];
-          var myurl = loginData.apiurl + '/events/' + e.Event.Id + ".json";
-          $http.get(myurl)
-            .then(function (succ) {
-                var data = succ.data;
-                var fps = 0;
-                var lastTime = "";
-
-                for (var i = 0; i < data.event.Frame.length; i++) {
-                  if (data.event.Frame[i].Type == "Alarm")
-                  //if (1)
-                  {
-                    var fname;
-                    //console.log ("PATH="+e.Event.imageMode);
-                    if (e.Event.imageMode == 'path')
-                    //if (1)
-                    {
-                      var rfp = padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg";
-                      fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&path=" + e.Event.relativePath + rfp;
-                    } else {
-                      fname = e.Event.baseURL + "/index.php?view=image&width=" + zm.maxGifWidth + "&fid=" + data.event.Frame[i].Id;
-                    }
+            // next up make sure we are not processing more than 100 images
 
-                    if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ )
+            while (imglist.length > zm.maxGifCount2) {
+              NVRDataModel.debug("Too many images: " + imglist.length + ", deleting  alternate frames to keep it <=" + zm.maxGifCount2);
 
-                    {
-                      imglist.push(fname);
-                      //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1;
-                      lastTime = data.event.Frame[i].TimeStamp;
-                    }
+              for (var l = 0; l < imglist.length; l++) {
+                imglist.splice(l + 1, 2);
+                if (imglist.length <= zm.maxGifCount2) break;
+              }
 
-                  }
+            }
+            NVRDataModel.debug("final image list length is:" + imglist.length);
 
+            d.resolve(imglist);
+            return d.promise;
+          },
+          function (err) {
+            d.reject(err);
+            return d.promise;
+          });
+      return d.promise;
+    }
+
+    // force image to be of zm.maxGifWidth. TBD: rotated foo
+    function adjustAspect(e) {
+
+      var w = zm.maxGifWidth;
+      var h = Math.round(e.Event.Height / e.Event.Width * zm.maxGifWidth);
+      return {
+        w: w,
+        h: h
+      };
+
+    }
+
+    // for devices - handle permission before you download
+    $scope.permissionsDownload = function (e) {
+      if ($rootScope.platformOS == 'desktop') {
+        gifAlert(e);
+      } else {
+
+        //console.log("in perms");
+        cordova.plugins.photoLibrary.getLibrary(
+          function (library) {
+            gifAlert(e);
+          },
+          function (err) {
+            if (err.startsWith('Permission')) {
+              // call requestAuthorization, and retry
+              cordova.plugins.photoLibrary.requestAuthorization(
+                function () {
+                  // User gave us permission to his library, retry reading it!
+                  gifAlert(e);
+                },
+                function (err) {
+                  NVRDataModel.log("ERROR with saving permissions " + err);
+                  // User denied the access
+                }, // if options not provided, defaults to {read: true}. 
+                {
+                  read: true,
+                  write: true
                 }
+              );
+            }
+            // Handle error - it's not permission-related
+          }
+        );
 
-                // next up make sure we are not processing more than 100 images
-
-                while (imglist.length > zm.maxGifCount2) {
-                  NVRDataModel.debug("Too many images: " + imglist.length + ", deleting  alternate frames to keep it <=" + zm.maxGifCount2);
+      }
+    };
 
-                  for (var l = 0; l < imglist.length; l++) {
-                    imglist.splice(l + 1, 2);
-                    if (imglist.length <= zm.maxGifCount2) break;
-                  }
+    // make sure the user knows the GIF is not full fps/all frames
+    function gifAlert(e) {
+      if (navigator.userAgent.toLowerCase().indexOf('crosswalk') == -1) {
+        $ionicPopup.confirm({
+          title: $translate.instant('kNote'),
+          template: "{{'kGifWarning' | translate }}",
+          okText: $translate.instant('kButtonOk'),
+          cancelText: $translate.instant('kButtonCancel'),
+        }).then(function (res) {
+          if (res) {
+            downloadAsGif2(e);
+          } else
+            NVRDataModel.debug("User cancelled GIF");
 
-                }
-                NVRDataModel.debug("final image list length is:" + imglist.length);
+        });
+      } else {
+        $ionicPopup.alert({
+          title: $translate.instant('kNote'),
+          template: "{{'kGifNoCrosswalk' | translate}}"
+        });
+      }
 
-                d.resolve(imglist);
-                return d.promise;
-              },
-              function (err) {
-                d.reject(err);
-                return d.promise;
-              });
-          return d.promise;
-        }
 
-        // force image to be of zm.maxGifWidth. TBD: rotated foo
-        function adjustAspect(e) {
+    }
+
+    // convert to base64 - devices need this to save to gallery
+    function blobToBase64(blob) {
+      NVRDataModel.debug("converting blob to base64...");
+      var d = $q.defer();
+      var reader = new window.FileReader();
+      reader.readAsDataURL(blob);
+      reader.onloadend = function () {
+        var base64data = reader.result;
+        //console.log(base64data );
+        d.resolve(base64data);
+        return d.promise;
+
+      };
+      return d.promise;
+    }
+
+    // part of neuquant conversion 
+    function componentizedPaletteToArray(paletteRGB) {
+      var paletteArray = [],
+        i, r, g, b;
+      for (i = 0; i < paletteRGB.length; i += 3) {
+        r = paletteRGB[i];
+        g = paletteRGB[i + 1];
+        b = paletteRGB[i + 2];
+        paletteArray.push(r << 16 | g << 8 | b);
+      }
+      return paletteArray;
+    }
+
+    // part of neuquant conversion 
+    function dataToRGB(data, width, height) {
+      var i = 0,
+        length = width * height * 4,
+        rgb = [];
+      while (i < length) {
+        rgb.push(data[i++]);
+        rgb.push(data[i++]);
+        rgb.push(data[i++]);
+        i++;
+      }
+      return rgb;
+    }
+
+    // credit Jimmy Warting
+    // https://github.com/jimmywarting/StreamSaver.js/issues/38
+    // he stream-ized and cleaned up the gif creation process
+    // using GifWriter.js
+    function createGif(files, w, h) {
+
+      var cv = document.getElementById("canvas");
+      var ctx = cv.getContext("2d");
+      var pixels = new Uint8Array(w * h);
+      var totalImages = files.length;
+      var processedImages = 0;
+
+      cv.width = w;
+      cv.height = h;
+
+      var rs = new ReadableStream({
+        // Each time pull gets called you should get the pixel data and
+        // enqueue it as if it would be good old gif.addFrame()
+        pull: function pull(controller) {
+          var frame = files.shift();
+          if (!frame) {
+            controller.close();
+            return;
+          }
 
-          var w = zm.maxGifWidth;
-          var h = Math.round(e.Event.Height / e.Event.Width * zm.maxGifWidth);
-          return {
-            w: w,
-            h: h
-          };
+          return $http({
+              url: frame,
+              responseType: "blob"
+            })
+            .then(function (res) {
 
-        }
+              return res.data.image();
+            })
+            .then(function (img) {
+              processedImages++;
 
-        // for devices - handle permission before you download
-        $scope.permissionsDownload = function (e) {
-          if ($rootScope.platformOS == 'desktop') {
-            gifAlert(e);
-          } else {
+              var p = Math.round(processedImages / totalImages * 100);
+              $ionicLoading.show({
+                template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
+                noBackdrop: true
+              });
 
-            //console.log("in perms");
-            cordova.plugins.photoLibrary.getLibrary(
-              function (library) {
-                gifAlert(e);
-              },
-              function (err) {
-                if (err.startsWith('Permission')) {
-                  // call requestAuthorization, and retry
-                  cordova.plugins.photoLibrary.requestAuthorization(
-                    function () {
-                      // User gave us permission to his library, retry reading it!
-                      gifAlert(e);
-                    },
-                    function (err) {
-                      NVRDataModel.log("ERROR with saving permissions " + err);
-                      // User denied the access
-                    }, // if options not provided, defaults to {read: true}. 
-                    {
-                      read: true,
-                      write: true
-                    }
-                  );
-                }
-                // Handle error - it's not permission-related
+              // console.log("URL=" + frame);
+              URL.revokeObjectURL(img.src);
+              ctx.drawImage(img, 0, 0);
+
+              var data = ctx.getImageData(0, 0, w, h).data;
+              var rgbComponents = dataToRGB(data, w, h);
+              var nq = new NeuQuant(rgbComponents, rgbComponents.length, 15);
+              var paletteRGB = nq.process();
+              var paletteArray = new Uint32Array(componentizedPaletteToArray(paletteRGB));
+              var numberPixels = w * h;
+              var k = 0,
+                i, r, g, b;
+
+              for (i = 0; i < numberPixels; i++) {
+                r = rgbComponents[k++];
+                g = rgbComponents[k++];
+                b = rgbComponents[k++];
+                pixels[i] = nq.map(r, g, b);
               }
-            );
 
-          }
-        };
-
-        // make sure the user knows the GIF is not full fps/all frames
-        function gifAlert(e) {
-          if (navigator.userAgent.toLowerCase().indexOf('crosswalk') == -1) {
-            $ionicPopup.confirm({
-              title: $translate.instant('kNote'),
-              template: "{{'kGifWarning' | translate }}",
-              okText: $translate.instant('kButtonOk'),
-              cancelText: $translate.instant('kButtonCancel'),
-            }).then(function (res) {
-              if (res) {
-                downloadAsGif2(e);
-              } else
-                NVRDataModel.debug("User cancelled GIF");
-
-            });
-          } else {
-            $ionicPopup.alert({
-              title: $translate.instant('kNote'),
-              template: "{{'kGifNoCrosswalk' | translate}}"
+              controller.enqueue([0, 0, w, h, pixels,
+                {
+                  palette: paletteArray,
+                  delay: 100, // 1 second
+                }
+              ]);
             });
-          }
-
-
-        }
-
-        // convert to base64 - devices need this to save to gallery
-        function blobToBase64(blob) {
-          NVRDataModel.debug("converting blob to base64...");
-          var d = $q.defer();
-          var reader = new window.FileReader();
-          reader.readAsDataURL(blob);
-          reader.onloadend = function () {
-            var base64data = reader.result;
-            //console.log(base64data );
-            d.resolve(base64data);
-            return d.promise;
-
-          };
-          return d.promise;
         }
+      });
 
-        // part of neuquant conversion 
-        function componentizedPaletteToArray(paletteRGB) {
-          var paletteArray = [],
-            i, r, g, b;
-          for (i = 0; i < paletteRGB.length; i += 3) {
-            r = paletteRGB[i];
-            g = paletteRGB[i + 1];
-            b = paletteRGB[i + 2];
-            paletteArray.push(r << 16 | g << 8 | b);
-          }
-          return paletteArray;
-        }
+      return new GifWriter(rs, w, h, {
+        loop: null
+      });
+    }
 
-        // part of neuquant conversion 
-        function dataToRGB(data, width, height) {
-          var i = 0,
-            length = width * height * 4,
-            rgb = [];
-          while (i < length) {
-            rgb.push(data[i++]);
-            rgb.push(data[i++]);
-            rgb.push(data[i++]);
-            i++;
-          }
-          return rgb;
-        }
 
-        // credit Jimmy Warting
-        // https://github.com/jimmywarting/StreamSaver.js/issues/38
-        // he stream-ized and cleaned up the gif creation process
-        // using GifWriter.js
-        function createGif(files, w, h) {
-
-          var cv = document.getElementById("canvas");
-          var ctx = cv.getContext("2d");
-          var pixels = new Uint8Array(w * h);
-          var totalImages = files.length;
-          var processedImages = 0;
-
-          cv.width = w;
-          cv.height = h;
-
-          var rs = new ReadableStream({
-            // Each time pull gets called you should get the pixel data and
-            // enqueue it as if it would be good old gif.addFrame()
-            pull: function pull(controller) {
-              var frame = files.shift();
-              if (!frame) {
-                controller.close();
-                return;
-              }
 
-              return $http({
-                  url: frame,
-                  responseType: "blob"
-                })
-                .then(function (res) {
-
-                  return res.data.image();
-                })
-                .then(function (img) {
-                  processedImages++;
-
-                  var p = Math.round(processedImages / totalImages * 100);
-                  $ionicLoading.show({
-                    template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
-                    noBackdrop: true
+    function downloadAsGif2(e) {
+      $rootScope.isDownloading = true;
+      $ionicLoading.show({
+        template: $translate.instant('kPleaseWait') + "...",
+        noBackdrop: true,
+        duration: 20000
+      });
+      NVRDataModel.setAwake(true);
+
+      prepareImages(e)
+        .then(function (files) {
+            return $http({
+                url: files[0],
+                responseType: "blob"
+              })
+              .then(function (res) {
+                return res.data.image();
+              })
+              .then(function (img) {
+                URL.revokeObjectURL(img.src); // Revoke object URL to free memory
+                var stream = createGif(files, img.width, img.height);
+                //var fileStream = streamSaver.createWriteStream('image.gif');
+
+                var chunks = [];
+                var reader = stream.getReader();
+
+                function pull() {
+                  return reader.read().then(function (result) {
+                    chunks.push(result.value);
+                    return result.done ? chunks : pull();
                   });
+                }
 
-                  // console.log("URL=" + frame);
-                  URL.revokeObjectURL(img.src);
-                  ctx.drawImage(img, 0, 0);
-
-                  var data = ctx.getImageData(0, 0, w, h).data;
-                  var rgbComponents = dataToRGB(data, w, h);
-                  var nq = new NeuQuant(rgbComponents, rgbComponents.length, 15);
-                  var paletteRGB = nq.process();
-                  var paletteArray = new Uint32Array(componentizedPaletteToArray(paletteRGB));
-                  var numberPixels = w * h;
-                  var k = 0,
-                    i, r, g, b;
-
-                  for (i = 0; i < numberPixels; i++) {
-                    r = rgbComponents[k++];
-                    g = rgbComponents[k++];
-                    b = rgbComponents[k++];
-                    pixels[i] = nq.map(r, g, b);
-                  }
-
-                  controller.enqueue([0, 0, w, h, pixels,
-                    {
-                      palette: paletteArray,
-                      delay: 100, // 1 second
-                    }
-                  ]);
-                });
-            }
-          });
-
-          return new GifWriter(rs, w, h, {
-            loop: null
-          });
-        }
+                pull().then(function (chunks) {
+                  var blob = new Blob(chunks, {
+                    type: "image/gif"
 
+                  });
 
+                  //alert ("WE ARE DONE!");
+                  if ($rootScope.platformOS == 'desktop') {
+                    saveAs(blob, e.Event.Id + "-video.gif");
+                    $ionicLoading.hide();
+                  } else {
+                    // write blob to file
+                    var tp;
+                    if ($rootScope.platformOS == 'ios')
+                      tp = cordova.file.documentsDirectory;
+                    else
+                      tp = cordova.file.dataDirectory;
+                    var th = true,
+                      opt = {};
 
-        function downloadAsGif2(e) {
-          $rootScope.isDownloading = true;
-          $ionicLoading.show({
-            template: $translate.instant('kPleaseWait') + "...",
-            noBackdrop: true,
-            duration: 20000
-          });
-          NVRDataModel.setAwake(true);
-
-          prepareImages(e)
-            .then(function (files) {
-                return $http({
-                    url: files[0],
-                    responseType: "blob"
-                  })
-                  .then(function (res) {
-                    return res.data.image();
-                  })
-                  .then(function (img) {
-                    URL.revokeObjectURL(img.src); // Revoke object URL to free memory
-                    var stream = createGif(files, img.width, img.height);
-                    //var fileStream = streamSaver.createWriteStream('image.gif');
-
-                    var chunks = [];
-                    var reader = stream.getReader();
-
-                    function pull() {
-                      return reader.read().then(function (result) {
-                        chunks.push(result.value);
-                        return result.done ? chunks : pull();
-                      });
-                    }
+                    $ionicLoading.show({
 
-                    pull().then(function (chunks) {
-                      var blob = new Blob(chunks, {
-                        type: "image/gif"
+                      template: "writing to file...",
+                      noBackdrop: true,
+                    });
 
-                      });
+                    //var bloburl = URL.createObjectURL(blob);
+                    //NVRDataModel.debug ("blob-url is:"+bloburl);
 
-                      //alert ("WE ARE DONE!");
-                      if ($rootScope.platformOS == 'desktop') {
-                        saveAs(blob, e.Event.Id + "-video.gif");
+                    writeFile2(tp, "temp-file.gif", blob, false)
+                      .then(function (succ) {
+                        NVRDataModel.debug("write to file successful");
+                        //  console.log( "write file successful");
                         $ionicLoading.hide();
-                      } else {
-                        // write blob to file
-                        var tp;
-                        if ($rootScope.platformOS == 'ios')
-                          tp = cordova.file.documentsDirectory;
-                        else
-                          tp = cordova.file.dataDirectory;
-                        var th = true,
-                          opt = {};
 
-                        $ionicLoading.show({
+                        var ntp = tp;
+                        //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
 
-                          template: "writing to file...",
-                          noBackdrop: true,
-                        });
+                        ntp = ntp + "temp-file.gif";
+                        // console.log ("ntp="+ntp);
 
-                        //var bloburl = URL.createObjectURL(blob);
-                        //NVRDataModel.debug ("blob-url is:"+bloburl);
+                        moveImageToGallery(ntp);
+                        $rootScope.isDownloading = false;
 
-                        writeFile2(tp, "temp-file.gif", blob, false)
-                          .then(function (succ) {
-                            NVRDataModel.debug("write to file successful");
-                            //  console.log( "write file successful");
-                            $ionicLoading.hide();
+                      }, function (err) {
+                        $rootScope.isDownloading = false;
+                        $ionicLoading.hide();
+                        NVRDataModel.debug("error writing to file " + JSON.stringify(err));
 
-                            var ntp = tp;
-                            //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
 
-                            ntp = ntp + "temp-file.gif";
-                            // console.log ("ntp="+ntp);
+                      });
+                  }
 
-                            moveImageToGallery(ntp);
-                            $rootScope.isDownloading = false;
+                });
+              });
 
-                          }, function (err) {
-                            $rootScope.isDownloading = false;
-                            $ionicLoading.hide();
-                            NVRDataModel.debug("error writing to file " + JSON.stringify(err));
+          },
+          function (err) {
+            $ionicLoading.hide();
+            NVRDataModel.setAwake(false);
+            NVRDataModel.log("Error getting frames");
+            $rootScope.isDownloading = false;
+          }
 
+        );
 
-                          });
-                      }
+    }
 
-                    });
-                  });
+    // NOT USED - WILL REMOVE AFTER TESTING OTHER METHOD MORE
+    function downloadAsGif(e) {
+      $ionicLoading.show({
+        template: $translate.instant('kPleaseWait') + "...",
+        noBackdrop: true,
+        duration: 20000
+      });
 
-              },
-              function (err) {
-                $ionicLoading.hide();
-                NVRDataModel.setAwake(false);
-                NVRDataModel.log("Error getting frames");
-                $rootScope.isDownloading = false;
+      prepareImages(e)
+        .then(function (imgs) {
+
+            // console.log("TOTAL IMAGES TO GIF=" + imgs.length);
+            //console.log(JSON.stringify(imgs));
+
+            var ad = adjustAspect(e);
+            //console.log("SAVING W=" + ad.w + " H=" + ad.h);
+            NVRDataModel.setAwake(true);
+            gifshot.createGIF({
+
+              'gifWidth': ad.w,
+              'gifHeight': ad.h,
+              'images': imgs,
+              'interval': 1,
+              //'loop':null,
+              'sampleInterval': 20,
+              //'frameDur':5, // 1/2 a sec
+              'text': 'zmNinja',
+              'crossOrigin': 'use-credentials',
+              'progressCallback': function (cp) {
+                var p = Math.round(cp * 100);
+                $ionicLoading.show({
+                  template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
+                  noBackdrop: true
+                });
               }
+            }, function (obj) {
+              NVRDataModel.setAwake(false);
+              if (!obj.error) {
+                //console.log(obj.image);
 
-            );
-
-        }
-
-        // NOT USED - WILL REMOVE AFTER TESTING OTHER METHOD MORE
-        function downloadAsGif(e) {
-          $ionicLoading.show({
-            template: $translate.instant('kPleaseWait') + "...",
-            noBackdrop: true,
-            duration: 20000
-          });
-
-          prepareImages(e)
-            .then(function (imgs) {
-
-                // console.log("TOTAL IMAGES TO GIF=" + imgs.length);
-                //console.log(JSON.stringify(imgs));
-
-                var ad = adjustAspect(e);
-                //console.log("SAVING W=" + ad.w + " H=" + ad.h);
-                NVRDataModel.setAwake(true);
-                gifshot.createGIF({
-
-                  'gifWidth': ad.w,
-                  'gifHeight': ad.h,
-                  'images': imgs,
-                  'interval': 1,
-                  //'loop':null,
-                  'sampleInterval': 20,
-                  //'frameDur':5, // 1/2 a sec
-                  'text': 'zmNinja',
-                  'crossOrigin': 'use-credentials',
-                  'progressCallback': function (cp) {
-                    var p = Math.round(cp * 100);
-                    $ionicLoading.show({
-                      template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
-                      noBackdrop: true
-                    });
-                  }
-                }, function (obj) {
-                  NVRDataModel.setAwake(false);
-                  if (!obj.error) {
-                    //console.log(obj.image);
-
-                    var blob;
+                var blob;
 
-                    if ($rootScope.platformOS == 'desktop') {
+                if ($rootScope.platformOS == 'desktop') {
 
-                      obj.image = obj.image.replace(/data:image\/gif;base64,/, '');
-                      blob = base64toBlob(obj.image, "image/gif");
-                      var f = NVRDataModel.getMonitorName(e.Event.MonitorId);
-                      f = f + "-" + e.Event.Id + ".gif";
-                      saveAs(blob, f);
+                  obj.image = obj.image.replace(/data:image\/gif;base64,/, '');
+                  blob = base64toBlob(obj.image, "image/gif");
+                  var f = NVRDataModel.getMonitorName(e.Event.MonitorId);
+                  f = f + "-" + e.Event.Id + ".gif";
+                  saveAs(blob, f);
+                  $ionicLoading.hide();
+                } else {
+                  NVRDataModel.debug("Saving blob to gallery...");
+                  var album = "zmNinja";
+                  cordova.plugins.photoLibrary.saveImage(obj.image, album,
+                    function () {
                       $ionicLoading.hide();
-                    } else {
-                      NVRDataModel.debug("Saving blob to gallery...");
-                      var album = "zmNinja";
-                      cordova.plugins.photoLibrary.saveImage(obj.image, album,
-                        function () {
-                          $ionicLoading.hide();
-                          NVRDataModel.debug("Event saved");
-                        },
-                        function (err) {
-                          $ionicLoading.hide();
-                          NVRDataModel.debug("Saving ERROR=" + err);
-                        });
+                      NVRDataModel.debug("Event saved");
+                    },
+                    function (err) {
+                      $ionicLoading.hide();
+                      NVRDataModel.debug("Saving ERROR=" + err);
+                    });
 
-                    }
+                }
 
-                  } else {
-                    $ionicLoading.hide();
-                    NVRDataModel.log("Error creating GIF");
-                  }
-                });
-              },
-              function (err) {
+              } else {
                 $ionicLoading.hide();
-                NVRDataModel.log("Error getting frames");
+                NVRDataModel.log("Error creating GIF");
               }
+            });
+          },
+          function (err) {
+            $ionicLoading.hide();
+            NVRDataModel.log("Error getting frames");
+          }
 
-            );
-        }
-
-        $scope.archiveUnarchiveEvent = function (ndx, eid) {
-          //https://server/zm/api/events/11902.json -XPUT -d"Event[Archived]=1"
-          //
-          $ionicListDelegate.closeOptionButtons();
+        );
+    }
 
-          NVRDataModel.debug("Archiving request for EID=" + eid);
-          var loginData = NVRDataModel.getLogin();
-          var apiArchive = loginData.apiurl + "/events/" + eid + ".json";
-          var setArchiveBit = ($scope.events[ndx].Event.Archived == '0') ? "1" : "0";
+    $scope.archiveUnarchiveEvent = function (ndx, eid) {
+      //https://server/zm/api/events/11902.json -XPUT -d"Event[Archived]=1"
+      //
+      $ionicListDelegate.closeOptionButtons();
 
-          NVRDataModel.debug("Calling archive with:" + apiArchive + " and Archive=" + setArchiveBit);
-          //put(url, data, [config]);
+      NVRDataModel.debug("Archiving request for EID=" + eid);
+      var loginData = NVRDataModel.getLogin();
+      var apiArchive = loginData.apiurl + "/events/" + eid + ".json";
+      var setArchiveBit = ($scope.events[ndx].Event.Archived == '0') ? "1" : "0";
 
-          // $http.put(apiArchive,"Event[Archived]="+setArchiveBit)
-          // 
-          $ionicLoading.show({
-            template: "{{'kPleaseWait' | translate}}...",
-            noBackdrop: true,
-            duration: zm.httpTimeout
-          });
-
-          $http({
+      NVRDataModel.debug("Calling archive with:" + apiArchive + " and Archive=" + setArchiveBit);
+      //put(url, data, [config]);
 
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
-                'Accept': '*/*',
-              },
-              transformRequest: function (obj) {
-                var str = [];
-                for (var p in obj)
-                  str.push(encodeURIComponent(p) + "=" +
-                    encodeURIComponent(obj[p]));
-                var foo = str.join("&");
-                // console.log("****RETURNING " + foo);
-                NVRDataModel.debug("MonitorCtrl: parmeters constructed: " + foo);
-                return foo;
-              },
-              url: apiArchive,
-              data: {
-                "Event[Archived]": setArchiveBit
-
-              }
-            })
-            .then(function (success) {
-
-                NVRDataModel.log("archiving response: " + JSON.stringify(success));
-                if (success.data.message == 'Error') {
-                  $ionicLoading.show({
-                    template: "{{'kError' | translate}}...",
-                    noBackdrop: true,
-                    duration: 1500
-                  });
+      // $http.put(apiArchive,"Event[Archived]="+setArchiveBit)
+      // 
+      $ionicLoading.show({
+        template: "{{'kPleaseWait' | translate}}...",
+        noBackdrop: true,
+        duration: zm.httpTimeout
+      });
 
-                } else {
+      $http({
+
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'Accept': '*/*',
+          },
+          transformRequest: function (obj) {
+            var str = [];
+            for (var p in obj)
+              str.push(encodeURIComponent(p) + "=" +
+                encodeURIComponent(obj[p]));
+            var foo = str.join("&");
+            // console.log("****RETURNING " + foo);
+            NVRDataModel.debug("MonitorCtrl: parmeters constructed: " + foo);
+            return foo;
+          },
+          url: apiArchive,
+          data: {
+            "Event[Archived]": setArchiveBit
 
+          }
+        })
+        .then(function (success) {
 
-                  $ionicLoading.show({
-                    template: "{{'kSuccess' | translate}}...",
-                    noBackdrop: true,
-                    duration: 1000
-                  });
-                  if ($scope.events[ndx].Event.Archived == '0')
-                    $scope.events[ndx].Event.Archived = '1';
-                  else
-                    $scope.events[ndx].Event.Archived = '0';
-                }
+            NVRDataModel.log("archiving response: " + JSON.stringify(success));
+            if (success.data.message == 'Error') {
+              $ionicLoading.show({
+                template: "{{'kError' | translate}}...",
+                noBackdrop: true,
+                duration: 1500
+              });
 
+            } else {
 
 
-              },
-              function (error) {
-                NVRDataModel.log("Error archiving: " + JSON.stringify(error));
+              $ionicLoading.show({
+                template: "{{'kSuccess' | translate}}...",
+                noBackdrop: true,
+                duration: 1000
               });
+              if ($scope.events[ndx].Event.Archived == '0')
+                $scope.events[ndx].Event.Archived = '1';
+              else
+                $scope.events[ndx].Event.Archived = '0';
+            }
 
 
 
-        };
-
-        //--------------------------------------------------------------------------
-        // Takes care of deleting individual events
-        //--------------------------------------------------------------------------
+          },
+          function (error) {
+            NVRDataModel.log("Error archiving: " + JSON.stringify(error));
+          });
 
 
 
-        $scope.deleteEvent = function (id, itemid) {
-          deleteEvent(id, itemid);
+    };
 
-        };
+    //--------------------------------------------------------------------------
+    // Takes care of deleting individual events
+    //--------------------------------------------------------------------------
 
-        function deleteEvent(id, itemid) {
-          //$scope.eventList.showDelete = false;
-          //curl -XDELETE http://server/zm/api/events/1.json
-          var loginData = NVRDataModel.getLogin();
-          var apiDelete = loginData.apiurl + "/events/" + id + ".json";
-          NVRDataModel.debug("DeleteEvent: ID=" + id + " item=" + itemid);
-          NVRDataModel.log("Delete event " + apiDelete);
 
-          $ionicLoading.show({
-            template: "{{'kDeletingEvent' | translate}}...",
-            noBackdrop: true,
-            duration: zm.httpTimeout
-          });
 
+    $scope.deleteEvent = function (id, itemid) {
+      deleteEvent(id, itemid);
 
+    };
 
-          return $http.delete(apiDelete)
-            .success(function (data) {
-              $ionicLoading.hide();
-              NVRDataModel.debug("delete output: " + JSON.stringify(data));
+    function deleteEvent(id, itemid) {
+      //$scope.eventList.showDelete = false;
+      //curl -XDELETE http://server/zm/api/events/1.json
+      var loginData = NVRDataModel.getLogin();
+      var apiDelete = loginData.apiurl + "/events/" + id + ".json";
+      NVRDataModel.debug("DeleteEvent: ID=" + id + " item=" + itemid);
+      NVRDataModel.log("Delete event " + apiDelete);
+
+      $ionicLoading.show({
+        template: "{{'kDeletingEvent' | translate}}...",
+        noBackdrop: true,
+        duration: zm.httpTimeout
+      });
 
-              if (data.message == 'Error') {
-                $ionicLoading.show({
-                  template: "{{'kError' | translate}}...",
-                  noBackdrop: true,
-                  duration: 1500
-                });
 
-              } else {
 
-                $ionicLoading.hide();
-                $ionicLoading.show({
-                  template: "{{'kSuccess' | translate}}...",
-                  noBackdrop: true,
-                  duration: 1000
-                });
-                if (itemid >= 0) $scope.events.splice(itemid, 1);
+      return $http.delete(apiDelete)
+        .success(function (data) {
+          $ionicLoading.hide();
+          NVRDataModel.debug("delete output: " + JSON.stringify(data));
 
-              }
+          if (data.message == 'Error') {
+            $ionicLoading.show({
+              template: "{{'kError' | translate}}...",
+              noBackdrop: true,
+              duration: 1500
+            });
 
-              // NVRDataModel.displayBanner('info', [$translate.instant('kDeleteEventSuccess')], 2000, 2000);
+          } else {
 
+            $ionicLoading.hide();
+            $ionicLoading.show({
+              template: "{{'kSuccess' | translate}}...",
+              noBackdrop: true,
+              duration: 1000
+            });
+            if (itemid >= 0) $scope.events.splice(itemid, 1);
 
+          }
 
+          // NVRDataModel.displayBanner('info', [$translate.instant('kDeleteEventSuccess')], 2000, 2000);
 
-              //doRefresh();
 
-            })
-            .error(function (data) {
-              $ionicLoading.hide();
-              NVRDataModel.debug("delete error: " + JSON.stringify(data));
-              NVRDataModel.displayBanner('error', [$translate.instant('kDeleteEventError1'), $translate.instant('kDeleteEventError2')]);
-            });
-        }
 
-        //------------------------------------------------
-        // Tapping on the filter sign lets you reset it
-        //-------------------------------------------------
 
-        $scope.filterTapped = function () {
-          //console.log("FILTER TAPPED");
-          var myFrom = moment($rootScope.fromString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString();
-          var toString = moment($rootScope.toString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString();
+          //doRefresh();
 
-          $rootScope.zmPopup = $ionicPopup.confirm({
-            title: $translate.instant('kFilterSettings'),
-            template: $translate.instant('kFilterEventsBetween1') + ':<br/> <b>' + myFrom + "</b> " + $translate.instant('kTo') + " <b>" + toString + '</b><br/>' + $translate.instant('kFilterEventsBetween2'),
-            okText: $translate.instant('kButtonOk'),
-            cancelText: $translate.instant('kButtonCancel'),
-          });
-          $rootScope.zmPopup.then(function (res) {
-            if (res) {
-              NVRDataModel.log("Filter reset requested in popup");
-              $rootScope.isEventFilterOn = false;
-              $rootScope.fromDate = "";
-              $rootScope.fromTime = "";
-              $rootScope.toDate = "";
-              $rootScope.toTime = "";
-              $rootScope.fromString = "";
-              $rootScope.toString = "";
-
-              $scope.id = 0;
-              $scope.showEvent = false;
-              $scope.footerState = ionPullUpFooterState.MINIMIZED;
-              getInitialEvents();
-
-              /*
-              $ionicHistory.nextViewOptions(
-              {
-                  disableBack: true
-              });
-              $state.go("app.events",
-              {
-                  "id": 0,
-                  "playEvent": false,
-                  refresh:true
-              });*/
+        })
+        .error(function (data) {
+          $ionicLoading.hide();
+          NVRDataModel.debug("delete error: " + JSON.stringify(data));
+          NVRDataModel.displayBanner('error', [$translate.instant('kDeleteEventError1'), $translate.instant('kDeleteEventError2')]);
+        });
+    }
+
+    //------------------------------------------------
+    // Tapping on the filter sign lets you reset it
+    //-------------------------------------------------
+
+    $scope.filterTapped = function () {
+      //console.log("FILTER TAPPED");
+      var myFrom = moment($rootScope.fromString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString();
+      var toString = moment($rootScope.toString).format("MMM/DD/YYYY " + NVRDataModel.getTimeFormat()).toString();
+
+      $rootScope.zmPopup = $ionicPopup.confirm({
+        title: $translate.instant('kFilterSettings'),
+        template: $translate.instant('kFilterEventsBetween1') + ':<br/> <b>' + myFrom + "</b> " + $translate.instant('kTo') + " <b>" + toString + '</b><br/>' + $translate.instant('kFilterEventsBetween2'),
+        okText: $translate.instant('kButtonOk'),
+        cancelText: $translate.instant('kButtonCancel'),
+      });
+      $rootScope.zmPopup.then(function (res) {
+        if (res) {
+          NVRDataModel.log("Filter reset requested in popup");
+          $rootScope.isEventFilterOn = false;
+          $rootScope.fromDate = "";
+          $rootScope.fromTime = "";
+          $rootScope.toDate = "";
+          $rootScope.toTime = "";
+          $rootScope.fromString = "";
+          $rootScope.toString = "";
+
+          $scope.id = 0;
+          $scope.showEvent = false;
+          $scope.footerState = ionPullUpFooterState.MINIMIZED;
+          getInitialEvents();
 
-              return;
-            } else {
-              NVRDataModel.log("Filter reset cancelled in popup");
-            }
+          /*
+          $ionicHistory.nextViewOptions(
+          {
+              disableBack: true
           });
+          $state.go("app.events",
+          {
+              "id": 0,
+              "playEvent": false,
+              refresh:true
+          });*/
 
-        };
-
-        //--------------------------------------------------------------------------
-        // When the user pulls the pullup bar we call this to get the latest
-        // data for events ranges summaries using the consolveEvents facility of ZM
-        //--------------------------------------------------------------------------
-
-        $scope.footerExpand = function () {
-          footerExpand();
+          return;
+        } else {
+          NVRDataModel.log("Filter reset cancelled in popup");
+        }
+      });
 
-        };
+    };
 
-        function footerExpand() {
-          //https://server/zm/api/events/consoleEvents/5%20minute.json
-          var ld = NVRDataModel.getLogin();
+    //--------------------------------------------------------------------------
+    // When the user pulls the pullup bar we call this to get the latest
+    // data for events ranges summaries using the consolveEvents facility of ZM
+    //--------------------------------------------------------------------------
 
-          var af = "/AlarmFrames >=:" + (ld.enableAlarmCount ? ld.minAlarmCount : 0);
+    $scope.footerExpand = function () {
+      footerExpand();
 
-          var apiurl = ld.apiurl + "/events/consoleEvents/1%20hour" + af + ".json";
-          NVRDataModel.debug("consoleEvents API:" + apiurl);
+    };
 
-          $http.get(apiurl)
-            .success(function (data) {
-              NVRDataModel.debug(JSON.stringify(data));
-              $scope.hours = [];
-              var p = data.results;
-              for (var key in data.results) {
-
-                if (p.hasOwnProperty(key)) {
-
-                  var idfound = true;
-                  //console.log ("PERSIST IS " + ld.persistMontageOrder);
-                  if (ld.persistMontageOrder) {
-                    idfound = false;
-                    for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                      if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
-                        // console.log ("Authorizing "+$scope.monitors[ii].Monitor.Name);
-                        idfound = true;
-                        break;
-                      }
-                    }
+    function footerExpand() {
+      //https://server/zm/api/events/consoleEvents/5%20minute.json
+      var ld = NVRDataModel.getLogin();
+
+      var af = "/AlarmFrames >=:" + (ld.enableAlarmCount ? ld.minAlarmCount : 0);
+
+      var apiurl = ld.apiurl + "/events/consoleEvents/1%20hour" + af + ".json";
+      NVRDataModel.debug("consoleEvents API:" + apiurl);
+
+      $http.get(apiurl)
+        .success(function (data) {
+          NVRDataModel.debug(JSON.stringify(data));
+          $scope.hours = [];
+          var p = data.results;
+          for (var key in data.results) {
+
+            if (p.hasOwnProperty(key)) {
+
+              var idfound = true;
+              //console.log ("PERSIST IS " + ld.persistMontageOrder);
+              if (ld.persistMontageOrder) {
+                idfound = false;
+                for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                  if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
+                    // console.log ("Authorizing "+$scope.monitors[ii].Monitor.Name);
+                    idfound = true;
+                    break;
                   }
-                  //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                  if (idfound)
-                    $scope.hours.push({
-                      monitor: NVRDataModel.getMonitorName(key),
-                      events: p[key],
-                      mid: key
-                    });
-
                 }
               }
-            });
+              //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+              if (idfound)
+                $scope.hours.push({
+                  monitor: NVRDataModel.getMonitorName(key),
+                  events: p[key],
+                  mid: key
+                });
 
-          apiurl = ld.apiurl + "/events/consoleEvents/1%20day" + af + ".json";
-          NVRDataModel.debug("consoleEvents API:" + apiurl);
-          $http.get(apiurl)
-            .success(function (data) {
-              NVRDataModel.debug(JSON.stringify(data));
-              $scope.days = [];
-              var p = data.results;
-              for (var key in data.results) {
-                if (p.hasOwnProperty(key)) {
-                  var idfound = true;
-                  if (ld.persistMontageOrder) {
-                    idfound = false;
-                    for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                      if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
-                        idfound = true;
-                        break;
-                      }
-                    }
-                  }
-                  //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                  if (idfound)
-                    //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                    $scope.days.push({
-                      monitor: NVRDataModel.getMonitorName(key),
-                      events: p[key],
-                      mid: key
-                    });
+            }
+          }
+        });
 
+      apiurl = ld.apiurl + "/events/consoleEvents/1%20day" + af + ".json";
+      NVRDataModel.debug("consoleEvents API:" + apiurl);
+      $http.get(apiurl)
+        .success(function (data) {
+          NVRDataModel.debug(JSON.stringify(data));
+          $scope.days = [];
+          var p = data.results;
+          for (var key in data.results) {
+            if (p.hasOwnProperty(key)) {
+              var idfound = true;
+              if (ld.persistMontageOrder) {
+                idfound = false;
+                for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                  if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
+                    idfound = true;
+                    break;
+                  }
                 }
               }
-            });
+              //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+              if (idfound)
+                //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+                $scope.days.push({
+                  monitor: NVRDataModel.getMonitorName(key),
+                  events: p[key],
+                  mid: key
+                });
 
-          apiurl = ld.apiurl + "/events/consoleEvents/1%20week" + af + ".json";
-          NVRDataModel.debug("consoleEvents API:" + apiurl);
-          $http.get(apiurl)
-            .success(function (data) {
-              NVRDataModel.debug(JSON.stringify(data));
-              $scope.weeks = [];
-              var p = data.results;
-              for (var key in data.results) {
-                if (p.hasOwnProperty(key)) {
-
-                  var idfound = true;
-                  if (ld.persistMontageOrder) {
-                    idfound = false;
-                    for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                      if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
-                        idfound = true;
-                        break;
-                      }
-                    }
-                  }
-                  //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                  if (idfound)
-                    //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                    $scope.weeks.push({
-                      monitor: NVRDataModel.getMonitorName(key),
-                      events: p[key],
-                      mid: key
-                    });
+            }
+          }
+        });
 
+      apiurl = ld.apiurl + "/events/consoleEvents/1%20week" + af + ".json";
+      NVRDataModel.debug("consoleEvents API:" + apiurl);
+      $http.get(apiurl)
+        .success(function (data) {
+          NVRDataModel.debug(JSON.stringify(data));
+          $scope.weeks = [];
+          var p = data.results;
+          for (var key in data.results) {
+            if (p.hasOwnProperty(key)) {
+
+              var idfound = true;
+              if (ld.persistMontageOrder) {
+                idfound = false;
+                for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                  if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
+                    idfound = true;
+                    break;
+                  }
                 }
               }
-            });
+              //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+              if (idfound)
+                //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+                $scope.weeks.push({
+                  monitor: NVRDataModel.getMonitorName(key),
+                  events: p[key],
+                  mid: key
+                });
 
-          apiurl = ld.apiurl + "/events/consoleEvents/1%20month" + af + ".json";
-          NVRDataModel.debug("consoleEvents API:" + apiurl);
-          $http.get(apiurl)
-            .success(function (data) {
-              NVRDataModel.debug(JSON.stringify(data));
-              $scope.months = [];
-              var p = data.results;
-              for (var key in data.results) {
-                if (p.hasOwnProperty(key)) {
-
-                  var idfound = true;
-                  var ld = NVRDataModel.getLogin();
-                  if (ld.persistMontageOrder) {
-                    idfound = false;
-                    for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                      if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
-                        idfound = true;
-                        break;
-                      }
-                    }
-                  }
-                  //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                  if (idfound)
-                    //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
-                    $scope.months.push({
-                      monitor: NVRDataModel.getMonitorName(key),
-                      events: p[key],
-                      mid: key
-                    });
+            }
+          }
+        });
 
+      apiurl = ld.apiurl + "/events/consoleEvents/1%20month" + af + ".json";
+      NVRDataModel.debug("consoleEvents API:" + apiurl);
+      $http.get(apiurl)
+        .success(function (data) {
+          NVRDataModel.debug(JSON.stringify(data));
+          $scope.months = [];
+          var p = data.results;
+          for (var key in data.results) {
+            if (p.hasOwnProperty(key)) {
+
+              var idfound = true;
+              var ld = NVRDataModel.getLogin();
+              if (ld.persistMontageOrder) {
+                idfound = false;
+                for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                  if ($scope.monitors[ii].Monitor.Id == key && (NVRDataModel.isNotHidden(key) || showHiddenMonitors)) {
+                    idfound = true;
+                    break;
+                  }
                 }
               }
-            });
-
-        }
-
-        $scope.openMenu = function () {
-          $ionicSideMenuDelegate.toggleLeft();
-        };
-
-        $scope.scrollPosition = function () {
-          if (!$ionicScrollDelegate.$getByHandle("mainScroll")) return "";
-          if (!$ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition()) return "";
-          var scrl = parseFloat($ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition().top);
-          var item = Math.round(scrl / eventsListDetailsHeight);
-          if ($scope.events == undefined || !$scope.events.length || $scope.events[item] == undefined) {
-            return "";
-          } else {
-            //return prettifyDate($scope.events[item].Event.StartTime);
-            return ($scope.events[item].Event.humanizeTime);
-          }
-          //return Math.random();
-        };
+              //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+              if (idfound)
+                //console.log(NVRDataModel.getMonitorName(key) + " -> " + p[key]);
+                $scope.months.push({
+                  monitor: NVRDataModel.getMonitorName(key),
+                  events: p[key],
+                  mid: key
+                });
 
-        //-------------------------------------------------------------------------
-        // called when user switches to background
-        //-------------------------------------------------------------------------
-        function onPause() {
-          NVRDataModel.debug("EventCtrl:onpause called");
-          if ($scope.popover) $scope.popover.remove();
-          NVRDataModel.debug("EventCtrl Pause:Deregistering broadcast handles");
-          for (var i = 0; i < broadcastHandles.length; i++) {
-            //  broadcastHandles[i]();
+            }
           }
-          broadcastHandles = [];
+        });
 
+    }
 
-        }
-        //-------------------------------------------------------------------------
-        // Pads the filename with leading 0s, depending on  ZM_IMAGE_DIGITS
-        //-------------------------------------------------------------------------
-        function padToN(number, digits) {
+    $scope.openMenu = function () {
+      $ionicSideMenuDelegate.toggleLeft();
+    };
 
-          var i;
-          var stringMax = "";
-          var stringLeading = "";
-          for (i = 1; i <= digits; i++) {
-            stringMax = stringMax + "9";
-            if (i != digits) stringLeading = stringLeading + "0";
-          }
-          var numMax = parseInt(stringMax);
+    $scope.scrollPosition = function () {
+      if (!$ionicScrollDelegate.$getByHandle("mainScroll")) return "";
+      if (!$ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition()) return "";
+      var scrl = parseFloat($ionicScrollDelegate.$getByHandle("mainScroll").getScrollPosition().top);
+      var item = Math.round(scrl / eventsListDetailsHeight);
+      if ($scope.events == undefined || !$scope.events.length || $scope.events[item] == undefined) {
+        return "";
+      } else {
+        //return prettifyDate($scope.events[item].Event.StartTime);
+        return ($scope.events[item].Event.humanizeTime);
+      }
+      //return Math.random();
+    };
 
-          if (number <= numMax) {
-            number = (stringLeading + number).slice(-digits);
-          }
-          //console.log ("PADTON: returning " + number);
-          return number;
-        }
+    //-------------------------------------------------------------------------
+    // called when user switches to background
+    //-------------------------------------------------------------------------
+    function onPause() {
+      NVRDataModel.debug("EventCtrl:onpause called");
+      if ($scope.popover) $scope.popover.remove();
+      NVRDataModel.debug("EventCtrl Pause:Deregistering broadcast handles");
+      for (var i = 0; i < broadcastHandles.length; i++) {
+        //  broadcastHandles[i]();
+      }
+      broadcastHandles = [];
 
-        //-------------------------------------------------------------------------
-        // FIXME: Are we using this?
-        //-------------------------------------------------------------------------
-        $scope.disableSlide = function () {
-          NVRDataModel.debug("EventCtrl:DisableSlide called");
-          $ionicSlideBoxDelegate.$getByHandle("eventSlideBox").enableSlide(false);
-        };
 
-        $scope.checkSwipe = function (ndx) {
-          if ($scope.events[ndx].Event.ShowScrub) {
-            $ionicListDelegate.canSwipeItems(false);
-            NVRDataModel.debug("disabling options swipe");
-          } else {
-            $ionicListDelegate.canSwipeItems(true);
-            NVRDataModel.debug("enabling options swipe");
-          }
+    }
+    //-------------------------------------------------------------------------
+    // Pads the filename with leading 0s, depending on  ZM_IMAGE_DIGITS
+    //-------------------------------------------------------------------------
+    function padToN(number, digits) {
 
-        };
+      var i;
+      var stringMax = "";
+      var stringLeading = "";
+      for (i = 1; i <= digits; i++) {
+        stringMax = stringMax + "9";
+        if (i != digits) stringLeading = stringLeading + "0";
+      }
+      var numMax = parseInt(stringMax);
 
-        //-------------------------------------------------------------------------
-        // This function is called when a user enables or disables
-        // scrub view for an event.
-        //-------------------------------------------------------------------------
+      if (number <= numMax) {
+        number = (stringLeading + number).slice(-digits);
+      }
+      //console.log ("PADTON: returning " + number);
+      return number;
+    }
+
+    //-------------------------------------------------------------------------
+    // FIXME: Are we using this?
+    //-------------------------------------------------------------------------
+    $scope.disableSlide = function () {
+      NVRDataModel.debug("EventCtrl:DisableSlide called");
+      $ionicSlideBoxDelegate.$getByHandle("eventSlideBox").enableSlide(false);
+    };
 
-        $scope.toggleGroupScrub = function (event, ndx, frames) {
-          $scope.groupType = "scrub";
-          toggleGroup(event, ndx, frames, $scope.groupType);
-        };
+    $scope.checkSwipe = function (ndx) {
+      if ($scope.events[ndx].Event.ShowScrub) {
+        $ionicListDelegate.canSwipeItems(false);
+        NVRDataModel.debug("disabling options swipe");
+      } else {
+        $ionicListDelegate.canSwipeItems(true);
+        NVRDataModel.debug("enabling options swipe");
+      }
 
-        $scope.toggleGroupAlarms = function (event, ndx, frames) {
-          $scope.groupType = "alarms";
-          toggleGroup(event, ndx, frames, $scope.groupType);
-        };
+    };
 
-        function toggleGroup(event, ndx, frames, groupType) {
+    //-------------------------------------------------------------------------
+    // This function is called when a user enables or disables
+    // scrub view for an event.
+    //-------------------------------------------------------------------------
 
+    $scope.toggleGroupScrub = function (event, ndx, frames) {
+      $scope.groupType = "scrub";
+      toggleGroup(event, ndx, frames, $scope.groupType);
+    };
 
-          // If we are here and there is a record of a previous scroll
-          // then we need to scroll back to hide that view
-          if (scrollbynumber) {
-            $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true);
-            scrollbynumber = 0;
-          }
+    $scope.toggleGroupAlarms = function (event, ndx, frames) {
+      $scope.groupType = "alarms";
+      toggleGroup(event, ndx, frames, $scope.groupType);
+    };
 
-          if (oldEvent && event != oldEvent) {
+    function toggleGroup(event, ndx, frames, groupType) {
 
-            NVRDataModel.debug("EventCtrl:Old event scrub will hide now");
-            oldEvent.Event.ShowScrub = false;
-            oldEvent.Event.height = eventsListDetailsHeight;
-            oldEvent = "";
-          }
 
-          event.Event.ShowScrub = !event.Event.ShowScrub;
+      // If we are here and there is a record of a previous scroll
+      // then we need to scroll back to hide that view
+      if (scrollbynumber) {
+        $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true);
+        scrollbynumber = 0;
+      }
 
-          if (event.Event.ShowScrub == false) {
-            $ionicListDelegate.canSwipeItems(true);
-            NVRDataModel.debug("enabling options swipe due to toggle");
-          } else {
-            $ionicListDelegate.canSwipeItems(false);
-            $ionicListDelegate.closeOptionButtons();
-            NVRDataModel.debug("disabling options swipe due to toggle");
+      if (oldEvent && event != oldEvent) {
 
-          }
+        NVRDataModel.debug("EventCtrl:Old event scrub will hide now");
+        oldEvent.Event.ShowScrub = false;
+        oldEvent.Event.height = eventsListDetailsHeight;
+        oldEvent = "";
+      }
 
+      event.Event.ShowScrub = !event.Event.ShowScrub;
 
+      if (event.Event.ShowScrub == false) {
+        $ionicListDelegate.canSwipeItems(true);
+        NVRDataModel.debug("enabling options swipe due to toggle");
+      } else {
+        $ionicListDelegate.canSwipeItems(false);
+        $ionicListDelegate.closeOptionButtons();
+        NVRDataModel.debug("disabling options swipe due to toggle");
 
+      }
 
-          //console.log ("SCRUBBING IS "+event.Event.ShowScrub);
-          // $ionicScrollDelegate.resize();
 
-          //console.log ("GROUP TYPE IS " + groupType);
 
-          if (event.Event.ShowScrub == true) // turn on display now
-          {
 
+      //console.log ("SCRUBBING IS "+event.Event.ShowScrub);
+      // $ionicScrollDelegate.resize();
 
-            if (groupType == 'alarms') {
-              // $ionicListDelegate.canSwipeItems(false);
-              //NVRDataModel.debug ("Disabling flag swipe as alarms are swipable");
-              $scope.alarm_images = [];
-              event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight);
-              $ionicScrollDelegate.resize();
-              var myurl = loginData.apiurl + '/events/' + event.Event.Id + ".json";
-              NVRDataModel.log("API for event details" + myurl);
-              $http.get(myurl)
-                .success(function (data) {
-                  $scope.FrameArray = data.event.Frame;
-                  //  $scope.slider_options.scale=[];
-
-                  //$scope.slider_options.scale = [];
-
-                  var i;
-                  var timestamp = null;
-                  for (i = 0; i < data.event.Frame.length; i++) {
-                    if (data.event.Frame[i].Type == "Alarm") {
-
-                      //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length);
-                      var atype;
-                      if (timestamp != data.event.Frame[i].TimeStamp) {
-
-                        atype = $translate.instant('kShowTimeDiffFrames');
-                      } else {
-                        atype = $translate.instant('kShowAllFrames');
-                      }
-                      $scope.alarm_images.push({
-                        type: atype,
-                        id: data.event.Frame[i].Id,
-                        frameid: data.event.Frame[i].FrameId,
-                        score: data.event.Frame[i].Score,
-                        fname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg",
-                        aname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-analyse.jpg",
-                        time: data.event.Frame[i].TimeStamp
-                      });
-                      timestamp = data.event.Frame[i].TimeStamp;
-                    }
+      //console.log ("GROUP TYPE IS " + groupType);
 
-                  }
-                  oldEvent = event;
+      if (event.Event.ShowScrub == true) // turn on display now
+      {
 
-                  //console.log (JSON.stringify(data));
-                })
-                .error(function (err) {
-                  NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
-                  NVRDataModel.displayBanner('error', ['could not retrieve frame details', 'please try again']);
-                });
-
-            } // end of groupType == alarms
-            else // groupType == scrub
-            {
-
-              NVRDataModel.debug("EventCtrl: Scrubbing will turn on now");
-              $scope.currentEvent = "";
-              $scope.event = event;
-              //$ionicScrollDelegate.freezeScroll(true);
-              $ionicSideMenuDelegate.canDragContent(false);
-              $scope.slider_options = {
-                from: 1,
-                to: event.Event.Frames,
-                realtime: true,
-                step: 1,
-                className: "mySliderClass",
-                callback: function (value, released) {
-                  //console.log("CALLBACK"+value+released);
-                  $ionicScrollDelegate.freezeScroll(!released);
-                  //NVRDataModel.debug("EventCtrl: freezeScroll called with " + !released);
 
-                },
-                //modelLabels:function(val) {return "";},
-                css: {
-                  background: {
-                    "background-color": "silver"
-                  },
-                  before: {
-                    "background-color": "purple"
-                  },
-                  default: {
-                    "background-color": "white"
-                  }, // default value: 1px
-                  after: {
-                    "background-color": "green"
-                  }, // zone after default value
-                  pointer: {
-                    "background-color": "red"
-                  }, // circle pointer
-                  range: {
-                    "background-color": "red"
-                  } // use it if double value
-                },
-                scale: []
+        if (groupType == 'alarms') {
+          // $ionicListDelegate.canSwipeItems(false);
+          //NVRDataModel.debug ("Disabling flag swipe as alarms are swipable");
+          $scope.alarm_images = [];
+          event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight);
+          $ionicScrollDelegate.resize();
+          var myurl = loginData.apiurl + '/events/' + event.Event.Id + ".json";
+          NVRDataModel.log("API for event details" + myurl);
+          $http.get(myurl)
+            .success(function (data) {
+              $scope.FrameArray = data.event.Frame;
+              //  $scope.slider_options.scale=[];
 
-              };
+              //$scope.slider_options.scale = [];
 
-              event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight);
-              $ionicScrollDelegate.resize();
-              $scope.mycarousel.index = 0;
-              $scope.ionRange.index = 1;
-              //console.log("**Resetting range");
-              $scope.slides = [];
               var i;
+              var timestamp = null;
+              for (i = 0; i < data.event.Frame.length; i++) {
+                if (data.event.Frame[i].Type == "Alarm") {
 
-              if (event.Event.imageMode == 'path') {
-                NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub");
+                  //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length);
+                  var atype;
+                  if (timestamp != data.event.Frame[i].TimeStamp) {
 
-                for (i = 1; i <= frames; i++) {
-                  var fname = padToN(i, eventImageDigits) + "-capture.jpg";
-
-                  $scope.slides.push({
-                    id: i,
-                    img: fname
+                    atype = $translate.instant('kShowTimeDiffFrames');
+                  } else {
+                    atype = $translate.instant('kShowAllFrames');
+                  }
+                  $scope.alarm_images.push({
+                    type: atype,
+                    id: data.event.Frame[i].Id,
+                    frameid: data.event.Frame[i].FrameId,
+                    score: data.event.Frame[i].Score,
+                    fname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-capture.jpg",
+                    aname: padToN(data.event.Frame[i].FrameId, eventImageDigits) + "-analyse.jpg",
+                    time: data.event.Frame[i].TimeStamp
                   });
-
+                  timestamp = data.event.Frame[i].TimeStamp;
                 }
-              } else // we need fids
-              {
-                var myurl_frames = loginData.apiurl + '/events/' + event.Event.Id + ".json";
-                NVRDataModel.log("API for event details" + myurl_frames);
-                $http.get(myurl_frames)
-                  .success(function (data) {
-                    $scope.FrameArray = data.event.Frame;
-                    //  $scope.slider_options.scale=[];
 
-                    //$scope.slider_options.scale = [];
+              }
+              oldEvent = event;
 
-                    var i;
-                    for (i = 0; i < data.event.Frame.length; i++) {
+              //console.log (JSON.stringify(data));
+            })
+            .error(function (err) {
+              NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
+              NVRDataModel.displayBanner('error', ['could not retrieve frame details', 'please try again']);
+            });
 
-                      //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length);
-                      $scope.slides.push({
-                        id: data.event.Frame[i].Id,
-                        frameid: data.event.Frame[i].FrameId,
+        } // end of groupType == alarms
+        else // groupType == scrub
+        {
 
-                      });
+          NVRDataModel.debug("EventCtrl: Scrubbing will turn on now");
+          $scope.currentEvent = "";
+          $scope.event = event;
+          //$ionicScrollDelegate.freezeScroll(true);
+          $ionicSideMenuDelegate.canDragContent(false);
+          $scope.slider_options = {
+            from: 1,
+            to: event.Event.Frames,
+            realtime: true,
+            step: 1,
+            className: "mySliderClass",
+            callback: function (value, released) {
+              //console.log("CALLBACK"+value+released);
+              $ionicScrollDelegate.freezeScroll(!released);
+              //NVRDataModel.debug("EventCtrl: freezeScroll called with " + !released);
 
-                    }
+            },
+            //modelLabels:function(val) {return "";},
+            css: {
+              background: {
+                "background-color": "silver"
+              },
+              before: {
+                "background-color": "purple"
+              },
+              default: {
+                "background-color": "white"
+              }, // default value: 1px
+              after: {
+                "background-color": "green"
+              }, // zone after default value
+              pointer: {
+                "background-color": "red"
+              }, // circle pointer
+              range: {
+                "background-color": "red"
+              } // use it if double value
+            },
+            scale: []
 
-                    //console.log (JSON.stringify(data));
-                  })
-                  .error(function (err) {
-                    NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
-                    NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]);
-                  });
+          };
 
-              }
+          event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight);
+          $ionicScrollDelegate.resize();
+          $scope.mycarousel.index = 0;
+          $scope.ionRange.index = 1;
+          //console.log("**Resetting range");
+          $scope.slides = [];
+          var i;
 
-              // now get event details to show alarm frames
-              loginData = NVRDataModel.getLogin();
+          if (event.Event.imageMode == 'path') {
+            NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub");
 
-              if (typeof event.Event.DefaultVideo === 'undefined')
-                event.Event.DefaultVideo = "";
-              // grab video details
-              event.Event.video = {};
-              var videoURL;
+            for (i = 1; i <= frames; i++) {
+              var fname = padToN(i, eventImageDigits) + "-capture.jpg";
 
-              //if (event.Event.imageMode == 'path')
+              $scope.slides.push({
+                id: i,
+                img: fname
+              });
 
-              /* videoURL = event.Event.baseURL + "/events/" + event.Event.relativePath + event.Event.DefaultVideo;*/
-              videoURL = event.Event.baseURL + "/index.php?view=view_video&eid=" + event.Event.Id;
-              if ($rootScope.authSession != 'undefined') videoURL += $rootScope.authSession;
-              videoURL += NVRDataModel.insertBasicAuthToken();
+            }
+          } else // we need fids
+          {
+            var myurl_frames = loginData.apiurl + '/events/' + event.Event.Id + ".json";
+            NVRDataModel.log("API for event details" + myurl_frames);
+            $http.get(myurl_frames)
+              .success(function (data) {
+                $scope.FrameArray = data.event.Frame;
+                //  $scope.slider_options.scale=[];
 
+                //$scope.slider_options.scale = [];
 
-              console.log("************** VIDEO IS " + videoURL);
-              event.Event.video.config = {
-                autoPlay: true,
-                sources: [{
-                    src: $sce.trustAsResourceUrl(videoURL),
-                    type: "video/mp4"
-                  }
+                var i;
+                for (i = 0; i < data.event.Frame.length; i++) {
 
-                ],
+                  //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length);
+                  $scope.slides.push({
+                    id: data.event.Frame[i].Id,
+                    frameid: data.event.Frame[i].FrameId,
 
-                theme: "lib/videogular-themes-default/videogular.css",
+                  });
 
-              };
+                }
 
-              var myurl2 = loginData.apiurl + '/events/' + event.Event.Id + ".json";
-              NVRDataModel.log("API for event details" + myurl2);
-              $http.get(myurl2)
-                .success(function (data) {
-                  $scope.FrameArray = data.event.Frame;
-                  //  $scope.slider_options.scale=[];
-                  $scope.slider_options.scale = [];
+                //console.log (JSON.stringify(data));
+              })
+              .error(function (err) {
+                NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
+                NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]);
+              });
 
-                  var i;
-                  for (i = 0; i < data.event.Frame.length; i++) {
-                    if (data.event.Frame[i].Type == "Alarm") {
+          }
 
-                      //console.log ("**ALARM AT " + i + "of " + data.event.Frame.length);
-                      $scope.slider_options.scale.push({
-                        val: data.event.Frame[i].FrameId,
-                        label: ' '
-                      });
-                    } else {
-                      //$scope.slider_options.scale.push(' ');
-                    }
+          // now get event details to show alarm frames
+          loginData = NVRDataModel.getLogin();
 
-                  }
+          if (typeof event.Event.DefaultVideo === 'undefined')
+            event.Event.DefaultVideo = "";
+          // grab video details
+          event.Event.video = {};
+          var videoURL;
 
-                  //console.log (JSON.stringify(data));
-                })
-                .error(function (err) {
-                  NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
-                  NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]);
-                });
+          //if (event.Event.imageMode == 'path')
+
+          /* videoURL = event.Event.baseURL + "/events/" + event.Event.relativePath + event.Event.DefaultVideo;*/
+          videoURL = event.Event.baseURL + "/index.php?view=view_video&eid=" + event.Event.Id;
+          if ($rootScope.authSession != 'undefined') videoURL += $rootScope.authSession;
+          videoURL += NVRDataModel.insertBasicAuthToken();
 
-              oldEvent = event;
-              $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111;
-              var elem = angular.element(document.getElementById("item-" + ndx));
-              var locobject = $ionicPosition.offset(elem);
-              //console.log(JSON.stringify(locobject));
-              var toplocation = parseInt(locobject.top);
-              var objheight = parseInt(locobject.height);
-              // console.log("top location is " + toplocation);
-              var distdiff = parseInt($rootScope.devHeight) - toplocation - objheight;
-              // console.log("*****Space at  bottom is " + distdiff);
-
-              if (distdiff < eventsListScrubHeight) // size of the scroller with bars
-              {
-                scrollbynumber = eventsListScrubHeight - distdiff;
-                $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, scrollbynumber, true);
 
-                // we need to scroll up to make space
+          console.log("************** VIDEO IS " + videoURL);
+          event.Event.video.config = {
+            autoPlay: true,
+            sources: [{
+                src: $sce.trustAsResourceUrl(videoURL),
+                type: "video/mp4"
               }
 
-            } // end of groupType == scrub 
-          } // end of ShowScrub == true
-          else {
-            // $ionicScrollDelegate.freezeScroll(false);
-            // 
-            // $ionicListDelegate.canSwipeItems(true);
-            // NVRDataModel.debug ("enabling options swipe");
-
-            $ionicSideMenuDelegate.canDragContent(true);
-            event.Event.height = eventsListDetailsHeight;
-            $ionicScrollDelegate.resize();
-
-            if (scrollbynumber) {
-              $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true);
-              scrollbynumber = 0;
-            }
-            // we are turning off, so scroll by back
-          }
+            ],
 
-        }
+            theme: "lib/videogular-themes-default/videogular.css",
 
-        $scope.closeIfOpen = function (event) {
-          if (event != undefined) {
-            if (event.Event.ShowScrub)
-              toggleGroup(event);
+          };
 
-          }
-        };
+          var myurl2 = loginData.apiurl + '/events/' + event.Event.Id + ".json";
+          NVRDataModel.log("API for event details" + myurl2);
+          $http.get(myurl2)
+            .success(function (data) {
+              $scope.FrameArray = data.event.Frame;
+              //  $scope.slider_options.scale=[];
+              $scope.slider_options.scale = [];
 
-        $scope.isGroupShown = function (event) {
-          //  console.log ("IS SHOW INDEX is " + ndx);
-          //console.log ("SHOW GROUP IS " + showGroup);
+              var i;
+              for (i = 0; i < data.event.Frame.length; i++) {
+                if (data.event.Frame[i].Type == "Alarm") {
 
-          return (event == undefined) ? false : event.Event.ShowScrub;
+                  //console.log ("**ALARM AT " + i + "of " + data.event.Frame.length);
+                  $scope.slider_options.scale.push({
+                    val: data.event.Frame[i].FrameId,
+                    label: ' '
+                  });
+                } else {
+                  //$scope.slider_options.scale.push(' ');
+                }
 
-        };
+              }
 
-        //---------------------------------------------------
-        // reload view
-        //---------------------------------------------------
-        $scope.reloadView = function () {
-          // All we really need to do here is change the random token
-          // in the image src and it will refresh. No need to reload the view
-          // and if you did reload the view, it would go back to events list
-          // which is the view - and when you are in the modal it will go away
-          //console.log("*** Refreshing Modal view ***");
-          //$state.go($state.current, {}, {reload: true});
-          $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111;
-          $ionicLoading.show({
-            template: $translate.instant('kRefreshedView'),
-            noBackdrop: true,
-            duration: 3000
-          });
+              //console.log (JSON.stringify(data));
+            })
+            .error(function (err) {
+              NVRDataModel.log("Error retrieving detailed frame API " + JSON.stringify(err));
+              NVRDataModel.displayBanner('error', [$translate.instant('kErrorFrameBanner'), $translate.instant('kErrorPleaseTryAgain')]);
+            });
 
-        };
+          oldEvent = event;
+          $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111;
+          var elem = angular.element(document.getElementById("item-" + ndx));
+          var locobject = $ionicPosition.offset(elem);
+          //console.log(JSON.stringify(locobject));
+          var toplocation = parseInt(locobject.top);
+          var objheight = parseInt(locobject.height);
+          // console.log("top location is " + toplocation);
+          var distdiff = parseInt($rootScope.devHeight) - toplocation - objheight;
+          // console.log("*****Space at  bottom is " + distdiff);
+
+          if (distdiff < eventsListScrubHeight) // size of the scroller with bars
+          {
+            scrollbynumber = eventsListScrubHeight - distdiff;
+            $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, scrollbynumber, true);
 
-        //---------------------------------------------------
-        // when you tap a list entry - to break search loop
-        //---------------------------------------------------
-        $scope.tapped = function () {
-          // console.log("*** TAPPED ****");
-          // if he tapped, the we are not infinite loading on ion-infinite
-          if (enableLoadMore == false) {
-            moreEvents = true;
-            enableLoadMore = true;
-            // console.log("REMOVING ARTIFICAL LOAD MORE BLOCK");
+            // we need to scroll up to make space
           }
-        };
 
-        $scope.$on('$ionicView.loaded', function () {
-          //  console.log("**VIEW ** Events Ctrl Loaded");
-        });
-
-        //-------------------------------------------------------------------------
-        // Lets make sure we set screen dim properly as we enter
-        // The problem is we enter other states before we leave previous states
-        // from a callback perspective in ionic, so we really can't predictably
-        // reset power state on exit as if it is called after we enter another
-        // state, that effectively overwrites current view power management needs
-        //------------------------------------------------------------------------
-        $scope.$on('$ionicView.enter', function () {
-          //  console.log("**VIEW ** Events Ctrl Entered");
-          NVRDataModel.setAwake(false);
+        } // end of groupType == scrub 
+      } // end of ShowScrub == true
+      else {
+        // $ionicScrollDelegate.freezeScroll(false);
+        // 
+        // $ionicListDelegate.canSwipeItems(true);
+        // NVRDataModel.debug ("enabling options swipe");
+
+        $ionicSideMenuDelegate.canDragContent(true);
+        event.Event.height = eventsListDetailsHeight;
+        $ionicScrollDelegate.resize();
+
+        if (scrollbynumber) {
+          $ionicScrollDelegate.$getByHandle("mainScroll").scrollBy(0, -1 * scrollbynumber, true);
+          scrollbynumber = 0;
+        }
+        // we are turning off, so scroll by back
+      }
 
-          EventServer.sendMessage('push', {
-            type: 'badge',
-            badge: 0,
-          });
+    }
 
-          $ionicPopover.fromTemplateUrl('templates/events-popover.html', {
-            scope: $scope,
-          }).then(function (popover) {
-            $scope.popover = popover;
-          });
+    $scope.closeIfOpen = function (event) {
+      if (event != undefined) {
+        if (event.Event.ShowScrub)
+          toggleGroup(event);
 
-          //reset badge count
-          if (window.cordova && window.cordova.plugins.notification) {
-            $cordovaBadge.set(0).then(function () {
-              // You have permission, badge set.
-            }, function (err) {
-              NVRDataModel.debug("app does not have badge permissions. Please check your phone notification settings");
-              // You do not have permission.
-            });
+      }
+    };
 
-            $cordovaLocalNotification.clearAll();
-          }
+    $scope.isGroupShown = function (event) {
+      //  console.log ("IS SHOW INDEX is " + ndx);
+      //console.log ("SHOW GROUP IS " + showGroup);
 
-        });
+      return (event == undefined) ? false : event.Event.ShowScrub;
 
-        $scope.$on('$ionicView.leave', function () {
-          //console.log("**VIEW ** Events Ctrl Left");
-        });
+    };
 
-        $scope.$on('$ionicView.unloaded', function () {
-          //console.log("**VIEW ** Events Ctrl Unloaded");
-          //console.log("*** MODAL ** Destroying modal too");
-          if ($scope.modal !== undefined) {
-            $scope.modal.remove();
-          }
+    //---------------------------------------------------
+    // reload view
+    //---------------------------------------------------
+    $scope.reloadView = function () {
+      // All we really need to do here is change the random token
+      // in the image src and it will refresh. No need to reload the view
+      // and if you did reload the view, it would go back to events list
+      // which is the view - and when you are in the modal it will go away
+      //console.log("*** Refreshing Modal view ***");
+      //$state.go($state.current, {}, {reload: true});
+      $rootScope.rand = Math.floor(Math.random() * (999999 - 111111 + 1)) + 111111;
+      $ionicLoading.show({
+        template: $translate.instant('kRefreshedView'),
+        noBackdrop: true,
+        duration: 3000
+      });
 
-        });
+    };
 
-        //---------------------------------------------------
-        // used to hide loading image toast
-        //---------------------------------------------------
-        $scope.finishedLoadingImage = function (ndx) {
-          //  console.log("*** Events image FINISHED loading index: "+ndx+"***");
-          $ionicLoading.hide();
-        };
+    //---------------------------------------------------
+    // when you tap a list entry - to break search loop
+    //---------------------------------------------------
+    $scope.tapped = function () {
+      // console.log("*** TAPPED ****");
+      // if he tapped, the we are not infinite loading on ion-infinite
+      if (enableLoadMore == false) {
+        moreEvents = true;
+        enableLoadMore = true;
+        // console.log("REMOVING ARTIFICAL LOAD MORE BLOCK");
+      }
+    };
 
-        //---------------------------------------------------
-        //
-        //---------------------------------------------------
-        $scope.clearSearch = function () {
-          $scope.search.text = "";
-        };
+    $scope.$on('$ionicView.loaded', function () {
+      //  console.log("**VIEW ** Events Ctrl Loaded");
+    });
+
+    //-------------------------------------------------------------------------
+    // Lets make sure we set screen dim properly as we enter
+    // The problem is we enter other states before we leave previous states
+    // from a callback perspective in ionic, so we really can't predictably
+    // reset power state on exit as if it is called after we enter another
+    // state, that effectively overwrites current view power management needs
+    //------------------------------------------------------------------------
+    $scope.$on('$ionicView.enter', function () {
+      //  console.log("**VIEW ** Events Ctrl Entered");
+      NVRDataModel.setAwake(false);
+
+      EventServer.sendMessage('push', {
+        type: 'badge',
+        badge: 0,
+      });
 
-        //---------------------------------------------------
-        // Called when user toggles search
-        //---------------------------------------------------
-        $scope.searchClicked = function () {
-          $scope.showSearch = !$scope.showSearch;
-          // this helps greatly in repeat scroll gets
-          if ($scope.showSearch == false)
-            $scope.search.text = "";
-
-          //console.log("**** Setting search view to " + $scope.showSearch + " ****");
-          if (enableLoadMore == false && $scope.showSearch == false) {
-            moreEvents = true;
-            enableLoadMore = true;
-            //console.log("REMOVING ARTIFICAL LOAD MORE BLOCK");
-          }
-        };
+      $ionicPopover.fromTemplateUrl('templates/events-popover.html', {
+        scope: $scope,
+      }).then(function (popover) {
+        $scope.popover = popover;
+      });
 
-        //--------------------------------------------------------
-        // utility function
-        //--------------------------------------------------------
-
-        function computeRelativePath(event) {
-          var relativePath = "";
-          var loginData = NVRDataModel.getLogin();
-          var str = event.Event.StartTime;
-          var yy = moment(str).locale('en').format('YY');
-          var mm = moment(str).locale('en').format('MM');
-          var dd = moment(str).locale('en').format('DD');
-          var hh = moment(str).locale('en').format('HH');
-          var min = moment(str).locale('en').format('mm');
-          var sec = moment(str).locale('en').format('ss');
-          relativePath = event.Event.MonitorId + "/" +
-            yy + "/" +
-            mm + "/" +
-            dd + "/" +
-            hh + "/" +
-            min + "/" +
-            sec + "/";
-          return relativePath;
+      //reset badge count
+      if (window.cordova && window.cordova.plugins.notification) {
+        $cordovaBadge.set(0).then(function () {
+          // You have permission, badge set.
+        }, function (err) {
+          NVRDataModel.debug("app does not have badge permissions. Please check your phone notification settings");
+          // You do not have permission.
+        });
 
-        }
+        $cordovaLocalNotification.clearAll();
+      }
 
-        //--------------------------------------------------------
-        // utility function
-        //--------------------------------------------------------
-
-        function computeBasePath(event) {
-          var basePath = "";
-          var loginData = NVRDataModel.getLogin();
-          var str = event.Event.StartTime;
-          var yy = moment(str).locale('en').format('YY');
-          var mm = moment(str).locale('en').format('MM');
-          var dd = moment(str).locale('en').format('DD');
-          var hh = moment(str).locale('en').format('HH');
-          var min = moment(str).locale('en').format('mm');
-          var sec = moment(str).locale('en').format('ss');
-
-          basePath = event.Event.baseURL + "/events/" +
-            event.Event.MonitorId + "/" +
-            yy + "/" +
-            mm + "/" +
-            dd + "/" +
-            hh + "/" +
-            min + "/" +
-            sec + "/";
-          return basePath;
-        }
+    });
 
-        $scope.modalGraph = function () {
-          $ionicModal.fromTemplateUrl('templates/events-modalgraph.html', {
-              scope: $scope, // give ModalCtrl access to this scope
-              animation: 'slide-in-up',
-              id: 'modalgraph',
+    $scope.$on('$ionicView.leave', function () {
+      //console.log("**VIEW ** Events Ctrl Left");
+    });
 
-            })
-            .then(function (modal) {
-              $scope.modal = modal;
+    $scope.$on('$ionicView.unloaded', function () {
+      //console.log("**VIEW ** Events Ctrl Unloaded");
+      //console.log("*** MODAL ** Destroying modal too");
+      if ($scope.modal !== undefined) {
+        $scope.modal.remove();
+      }
 
-              $scope.modal.show();
+    });
 
-            });
-        };
+    //---------------------------------------------------
+    // used to hide loading image toast
+    //---------------------------------------------------
+    $scope.finishedLoadingImage = function (ndx) {
+      //  console.log("*** Events image FINISHED loading index: "+ndx+"***");
+      $ionicLoading.hide();
+    };
 
-        $scope.analyzeEvent = function (ev) {
-          $scope.event = ev;
-          $ionicModal.fromTemplateUrl('templates/timeline-modal.html', {
-              scope: $scope, // give ModalCtrl access to this scope
-              animation: 'slide-in-up',
-              id: 'analyze',
-            })
-            .then(function (modal) {
-              $scope.modal = modal;
+    //---------------------------------------------------
+    //
+    //---------------------------------------------------
+    $scope.clearSearch = function () {
+      $scope.search.text = "";
+    };
 
-              $scope.modal.show();
+    //---------------------------------------------------
+    // Called when user toggles search
+    //---------------------------------------------------
+    $scope.searchClicked = function () {
+      $scope.showSearch = !$scope.showSearch;
+      // this helps greatly in repeat scroll gets
+      if ($scope.showSearch == false)
+        $scope.search.text = "";
+
+      //console.log("**** Setting search view to " + $scope.showSearch + " ****");
+      if (enableLoadMore == false && $scope.showSearch == false) {
+        moreEvents = true;
+        enableLoadMore = true;
+        //console.log("REMOVING ARTIFICAL LOAD MORE BLOCK");
+      }
+    };
 
-            });
-        };
+    //--------------------------------------------------------
+    // utility function
+    //--------------------------------------------------------
+
+    function computeRelativePath(event) {
+      var relativePath = "";
+      var loginData = NVRDataModel.getLogin();
+      var str = event.Event.StartTime;
+      var yy = moment(str).locale('en').format('YY');
+      var mm = moment(str).locale('en').format('MM');
+      var dd = moment(str).locale('en').format('DD');
+      var hh = moment(str).locale('en').format('HH');
+      var min = moment(str).locale('en').format('mm');
+      var sec = moment(str).locale('en').format('ss');
+      relativePath = event.Event.MonitorId + "/" +
+        yy + "/" +
+        mm + "/" +
+        dd + "/" +
+        hh + "/" +
+        min + "/" +
+        sec + "/";
+      return relativePath;
+
+    }
+
+    //--------------------------------------------------------
+    // utility function
+    //--------------------------------------------------------
+
+    function computeBasePath(event) {
+      var basePath = "";
+      var loginData = NVRDataModel.getLogin();
+      var str = event.Event.StartTime;
+      var yy = moment(str).locale('en').format('YY');
+      var mm = moment(str).locale('en').format('MM');
+      var dd = moment(str).locale('en').format('DD');
+      var hh = moment(str).locale('en').format('HH');
+      var min = moment(str).locale('en').format('mm');
+      var sec = moment(str).locale('en').format('ss');
+
+      basePath = event.Event.baseURL + "/events/" +
+        event.Event.MonitorId + "/" +
+        yy + "/" +
+        mm + "/" +
+        dd + "/" +
+        hh + "/" +
+        min + "/" +
+        sec + "/";
+      return basePath;
+    }
+
+    $scope.modalGraph = function () {
+      $ionicModal.fromTemplateUrl('templates/events-modalgraph.html', {
+          scope: $scope, // give ModalCtrl access to this scope
+          animation: 'slide-in-up',
+          id: 'modalgraph',
+
+        })
+        .then(function (modal) {
+          $scope.modal = modal;
+
+          $scope.modal.show();
 
-        $scope.$on('modal.removed', function (e, m) {
+        });
+    };
 
-          if (m.id != 'footage')
-            return;
-          NVRDataModel.debug("Rebinding watchers of eventCtrl");
-          setupWatchers();
+    $scope.analyzeEvent = function (ev) {
+      $scope.event = ev;
+      $ionicModal.fromTemplateUrl('templates/timeline-modal.html', {
+          scope: $scope, // give ModalCtrl access to this scope
+          animation: 'slide-in-up',
+          id: 'analyze',
+        })
+        .then(function (modal) {
+          $scope.modal = modal;
 
-          //console.log ("************** FOOTAGE CLOSED");
+          $scope.modal.show();
 
         });
+    };
 
+    $scope.$on('modal.removed', function (e, m) {
 
+      if (m.id != 'footage')
+        return;
+      NVRDataModel.debug("Rebinding watchers of eventCtrl");
+      setupWatchers();
 
+      //console.log ("************** FOOTAGE CLOSED");
 
+    });
 
 
-        $scope.showThumbnail = function (b, f) {
 
-          if (!f) { // api update needed
 
-            $ionicPopup.alert({
-              title: $translate.instant('kNote'),
-              template: "{{'kApiUpgrade' | translate }}",
-              okText: $translate.instant('kButtonOk'),
-              cancelText: $translate.instant('kButtonCancel'),
-            });
-            return;
 
-          }
 
+    $scope.showThumbnail = function (b, f) {
 
-          $scope.thumbnailLarge = b + '/index.php?view=image&fid=' + f;
-          $ionicModal.fromTemplateUrl('templates/image-modal.html', {
-              scope: $scope,
-              animation: 'slide-in-up',
-              id: 'thumbnail',
-            })
-            .then(function (modal) {
-              $scope.modal = modal;
+      if (!f) { // api update needed
 
+        $ionicPopup.alert({
+          title: $translate.instant('kNote'),
+          template: "{{'kApiUpgrade' | translate }}",
+          okText: $translate.instant('kButtonOk'),
+          cancelText: $translate.instant('kButtonCancel'),
+        });
+        return;
 
-              $scope.modal.show();
+      }
 
-              var ld = NVRDataModel.getLogin();
 
-            });
+      $scope.thumbnailLarge = b + '/index.php?view=image&fid=' + f;
+      $ionicModal.fromTemplateUrl('templates/image-modal.html', {
+          scope: $scope,
+          animation: 'slide-in-up',
+          id: 'thumbnail',
+        })
+        .then(function (modal) {
+          $scope.modal = modal;
 
-        };
 
+          $scope.modal.show();
 
-        //--------------------------------------------------------
-        //This is called when we first tap on an event to see
-        // the feed. It's important to instantiate ionicModal here
-        // as otherwise you'd instantiate it when the view loads
-        // and our "Please wait loading" technique I explained
-        //earlier won't work
-        //--------------------------------------------------------
+          var ld = NVRDataModel.getLogin();
 
-        $scope.openModalWithSnapshot = function (event) {
-          openModal(event, 'enabled');
+        });
 
-        };
+    };
 
-        $scope.openModal = function (event) {
 
-          openModal(event);
+    //--------------------------------------------------------
+    //This is called when we first tap on an event to see
+    // the feed. It's important to instantiate ionicModal here
+    // as otherwise you'd instantiate it when the view loads
+    // and our "Please wait loading" technique I explained
+    //earlier won't work
+    //--------------------------------------------------------
 
-        };
+    $scope.openModalWithSnapshot = function (event) {
+      openModal(event, 'enabled');
 
-        function openModal(event, snapshot) {
-          NVRDataModel.debug("unbinding eventCtrl watchers as modal has its own");
-          ionRangeWatcher();
-          mycarouselWatcher();
-          //NVRDataModel.debug("EventCtrl: Open Modal with Base path " + relativepath);
+    };
 
-          $scope.modalData = {
-            "doRefresh": false
-          };
+    $scope.openModal = function (event) {
 
-          $scope.event = event;
+      openModal(event);
 
-          NVRDataModel.setAwake(NVRDataModel.getKeepAwake());
+    };
 
-          $scope.currentEvent = event;
-          $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1";
+    function openModal(event, snapshot) {
+      NVRDataModel.debug("unbinding eventCtrl watchers as modal has its own");
+      ionRangeWatcher();
+      mycarouselWatcher();
+      //NVRDataModel.debug("EventCtrl: Open Modal with Base path " + relativepath);
 
-          var ld = NVRDataModel.getLogin();
-          var sl = 'disabled';
-          if (ld.showLiveForInProgressEvents) {
-            sl = 'enabled';
-          }
+      $scope.modalData = {
+        "doRefresh": false
+      };
 
-          $ionicModal.fromTemplateUrl('templates/events-modal.html', {
-              scope: $scope,
-              animation: 'slide-in-up',
-              id: 'footage',
-              showLive: sl, // seems bool is not allowed...
-              snapshot: snapshot,
-              snapshotId: event.Event.MaxScoreFrameId,
-              eventId: event.Event.Id
-            })
-            .then(function (modal) {
-              $scope.modal = modal;
+      $scope.event = event;
 
-              $scope.modal.show();
+      NVRDataModel.setAwake(NVRDataModel.getKeepAwake());
 
-              var ld = NVRDataModel.getLogin();
+      $scope.currentEvent = event;
+      $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1";
 
-            });
-        }
+      var ld = NVRDataModel.getLogin();
+      var sl = 'disabled';
+      if (ld.showLiveForInProgressEvents) {
+        sl = 'enabled';
+      }
 
-        //--------------------------------------------------------
-        //We need to destroy because we are instantiating
-        // it on open
-        //--------------------------------------------------------
-        $scope.closeModal = function () {
-          NVRDataModel.debug(">>>EventCtrl:Close & Destroy Modal");
-          NVRDataModel.setAwake(false);
-          if ($scope.modal !== undefined) {
-            $scope.modal.remove();
-          }
-          if ($scope.modalData.doRefresh) {
-            $scope.modalData.doRefresh = false;
-            NVRDataModel.debug("Reloading events since we deleted some...");
-            doRefresh();
-          }
+      $ionicModal.fromTemplateUrl('templates/events-modal.html', {
+          scope: $scope,
+          animation: 'slide-in-up',
+          id: 'footage',
+          showLive: sl, // seems bool is not allowed...
+          snapshot: snapshot,
+          snapshotId: event.Event.MaxScoreFrameId,
+          eventId: event.Event.Id
+        })
+        .then(function (modal) {
+          $scope.modal = modal;
 
+          $scope.modal.show();
 
-        };
+          var ld = NVRDataModel.getLogin();
 
-        //--------------------------------------------------------
-        //Cleanup the modal when we're done with it
-        // I Don't think it ever comes here
-        //--------------------------------------------------------
-        $scope.$on('$destroy', function () {
-          //console.log("Destroy Modal");
-          if ($scope.modal !== undefined) {
-            $scope.modal.remove();
-          }
-          if ($scope.popover !== undefined)
-            $scope.popover.remove();
         });
+    }
+
+    //--------------------------------------------------------
+    //We need to destroy because we are instantiating
+    // it on open
+    //--------------------------------------------------------
+    $scope.closeModal = function () {
+      NVRDataModel.debug(">>>EventCtrl:Close & Destroy Modal");
+      NVRDataModel.setAwake(false);
+      if ($scope.modal !== undefined) {
+        $scope.modal.remove();
+      }
+      if ($scope.modalData.doRefresh) {
+        $scope.modalData.doRefresh = false;
+        NVRDataModel.debug("Reloading events since we deleted some...");
+        doRefresh();
+      }
 
-        //--------------------------------------------------------
-        // used by infinite scrolling to see if we can get more
-        //--------------------------------------------------------
 
-        $scope.moreDataCanBeLoaded = function () {
-          return moreEvents;
-        };
+    };
 
-        //--------------------------------------------------------
-        // stop searching for more data
-        //--------------------------------------------------------
-        $scope.cancelSearch = function () {
-          $ionicLoading.hide(); //Or whatever action you want to preform
-          enableLoadMore = false;
-          //console.log("**** CANCELLED ****");
-          $ionicLoading.show({
-            template: $translate.instant('kSearchCancelled'),
-            animation: 'fade-in',
-            showBackdrop: true,
-            duration: 2000,
-            maxWidth: 200,
-            showDelay: 0
-          });
+    //--------------------------------------------------------
+    //Cleanup the modal when we're done with it
+    // I Don't think it ever comes here
+    //--------------------------------------------------------
+    $scope.$on('$destroy', function () {
+      //console.log("Destroy Modal");
+      if ($scope.modal !== undefined) {
+        $scope.modal.remove();
+      }
+      if ($scope.popover !== undefined)
+        $scope.popover.remove();
+    });
 
-        };
+    //--------------------------------------------------------
+    // used by infinite scrolling to see if we can get more
+    //--------------------------------------------------------
 
-        //--------------------------------------------------------
-        // loads next page of events
-        //--------------------------------------------------------
+    $scope.moreDataCanBeLoaded = function () {
+      return moreEvents;
+    };
 
-        function loadMore() {
-          // the events API does not return an error for anything
-          // except greater page limits than reported
+    //--------------------------------------------------------
+    // stop searching for more data
+    //--------------------------------------------------------
+    $scope.cancelSearch = function () {
+      $ionicLoading.hide(); //Or whatever action you want to preform
+      enableLoadMore = false;
+      //console.log("**** CANCELLED ****");
+      $ionicLoading.show({
+        template: $translate.instant('kSearchCancelled'),
+        animation: 'fade-in',
+        showBackdrop: true,
+        duration: 2000,
+        maxWidth: 200,
+        showDelay: 0
+      });
 
-          // console.log("***** LOADING MORE INFINITE SCROLL ****");
-          eventsPage--;
-          if ((eventsPage <= 0) && (pageLoaded)) {
-            moreEvents = false;
-            //console.log("*** At Page " + eventsPage + ", not proceeding");
-            return;
-          }
+    };
 
-          if (!enableLoadMore) {
-            moreEvents = false; // Don't ion-scroll till enableLoadMore is true;
-            $scope.$broadcast('scroll.infiniteScrollComplete');
+    //--------------------------------------------------------
+    // loads next page of events
+    //--------------------------------------------------------
 
-            // console.log("**** LOADMORE ARTIFICALLY DISABLED");
-            return;
-          }
+    function loadMore() {
+      // the events API does not return an error for anything
+      // except greater page limits than reported
 
-          var loadingStr = "";
-          if ($scope.search.text != "") {
-            var toastStr = $translate.instant('kToastSearchingPage') + eventsPage;
-            $ionicLoading.show({
-              maxwidth: 100,
-              scope: $scope,
-              template: '<button class="button button-clear icon-left ion-close-circled button-text-wrap" ng-click="cancelSearch()" >' + toastStr + '</button>'
-            });
+      // console.log("***** LOADING MORE INFINITE SCROLL ****");
+      eventsPage--;
+      if ((eventsPage <= 0) && (pageLoaded)) {
+        moreEvents = false;
+        //console.log("*** At Page " + eventsPage + ", not proceeding");
+        return;
+      }
 
-            loadingStr = "none";
-          }
+      if (!enableLoadMore) {
+        moreEvents = false; // Don't ion-scroll till enableLoadMore is true;
+        $scope.$broadcast('scroll.infiniteScrollComplete');
 
-          nolangFrom = "";
-          nolangTo = "";
-          if ($rootScope.fromString)
-            nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
-          if ($rootScope.toString)
-            nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
+        // console.log("**** LOADMORE ARTIFICALLY DISABLED");
+        return;
+      }
 
-          NVRDataModel.getEvents($scope.id, eventsPage, loadingStr, nolangFrom, nolangTo)
-            .then(function (data) {
-                var loginData = NVRDataModel.getLogin();
-                // console.log("Got new page of events with Page=" + eventsPage);
-                var myevents = data;
+      var loadingStr = "";
+      if ($scope.search.text != "") {
+        var toastStr = $translate.instant('kToastSearchingPage') + eventsPage;
+        $ionicLoading.show({
+          maxwidth: 100,
+          scope: $scope,
+          template: '<button class="button button-clear icon-left ion-close-circled button-text-wrap" ng-click="cancelSearch()" >' + toastStr + '</button>'
+        });
 
-                for (var i = 0; i < myevents.length; i++) {
+        loadingStr = "none";
+      }
 
-                  var idfound = true;
-                  var ld = NVRDataModel.getLogin();
+      nolangFrom = "";
+      nolangTo = "";
+      if ($rootScope.fromString)
+        nolangFrom = moment($rootScope.fromString).locale('en').format("YYYY-MM-DD HH:mm:ss");
+      if ($rootScope.toString)
+        nolangTo = moment($rootScope.toString).locale('en').format("YYYY-MM-DD HH:mm:ss");
 
-                  if (ld.persistMontageOrder) {
-                    idfound = false;
-                    for (var ii = 0; ii < $scope.monitors.length; ii++) {
-                      if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) {
+      NVRDataModel.getEvents($scope.id, eventsPage, loadingStr, nolangFrom, nolangTo)
+        .then(function (data) {
+            var loginData = NVRDataModel.getLogin();
+            // console.log("Got new page of events with Page=" + eventsPage);
+            var myevents = data;
 
-                        //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId);
-                        idfound = true;
+            for (var i = 0; i < myevents.length; i++) {
 
-                        break;
-                      }
-                    }
-                  }
+              var idfound = true;
+              var ld = NVRDataModel.getLogin();
 
-                  myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
-                  myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
-                  // now construct base path
+              if (ld.persistMontageOrder) {
+                idfound = false;
+                for (var ii = 0; ii < $scope.monitors.length; ii++) {
+                  if ($scope.monitors[ii].Monitor.Id == myevents[i].Event.MonitorId && (NVRDataModel.isNotHidden(myevents[i].Event.MonitorId) || showHiddenMonitors)) {
 
-                  myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId);
-                  myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId);
-                  myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId);
-                  // console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL);
+                    //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId);
+                    idfound = true;
 
-                  //  console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
+                    break;
+                  }
+                }
+              }
 
-                  myevents[i].Event.ShowScrub = false;
-                  myevents[i].Event.BasePath = computeBasePath(myevents[i]);
-                  myevents[i].Event.relativePath = computeRelativePath(myevents[i]);
-                  myevents[i].Event.height = eventsListDetailsHeight;
+              myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
+              myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
+              // now construct base path
 
-                  // get thumbW/H
+              myevents[i].Event.streamingURL = NVRDataModel.getStreamingURL(myevents[i].Event.MonitorId);
+              myevents[i].Event.baseURL = NVRDataModel.getBaseURL(myevents[i].Event.MonitorId);
+              myevents[i].Event.imageMode = NVRDataModel.getImageMode(myevents[i].Event.MonitorId);
+              // console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL);
 
-                  var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
-                  if (tempMon != undefined) {
+              //  console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
 
+              myevents[i].Event.ShowScrub = false;
+              myevents[i].Event.BasePath = computeBasePath(myevents[i]);
+              myevents[i].Event.relativePath = computeRelativePath(myevents[i]);
+              myevents[i].Event.height = eventsListDetailsHeight;
 
-                    var mw = parseInt(tempMon.Monitor.Width);
-                    var mh = parseInt(tempMon.Monitor.Height);
-                    var mo = parseInt(tempMon.Monitor.Orientation);
+              // get thumbW/H
 
-                    myevents[i].Event.Rotation = '';
+              var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
+              if (tempMon != undefined) {
 
 
-                    var th = computeThumbnailSize(mw, mh, mo);
-                    myevents[i].Event.thumbWidth = th.w;
-                    myevents[i].Event.thumbHeight = th.h;
+                var mw = parseInt(tempMon.Monitor.Width);
+                var mh = parseInt(tempMon.Monitor.Height);
+                var mo = parseInt(tempMon.Monitor.Orientation);
 
-                  }
+                myevents[i].Event.Rotation = '';
 
 
-                  if (myevents[i].Event.imageMode == 'path')
-                    //if (1)
-                    myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo;
-                  else
-                    myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id;
+                var th = computeThumbnailSize(mw, mh, mo);
+                myevents[i].Event.thumbWidth = th.w;
+                myevents[i].Event.thumbHeight = th.h;
 
-                  if (idfound) $scope.events.push(myevents[i]);
-                }
+              }
 
-                //console.log("Got new page of events");
-                moreEvents = true;
-                $scope.$broadcast('scroll.infiniteScrollComplete');
-              },
 
-              function (error) {
-                // console.log("*** No More Events to Load, Stop Infinite Scroll ****");
-                moreEvents = false;
-                $scope.$broadcast('scroll.infiniteScrollComplete');
+              if (myevents[i].Event.imageMode == 'path')
+                //if (1)
+                myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/events/" + myevents[i].Event.relativePath + myevents[i].Event.DefaultVideo;
+              else
+                myevents[i].Event.videoPath = myevents[i].Event.baseURL + "/index.php?view=view_video&eid=" + myevents[i].Event.Id;
 
-              });
-        }
+              if (idfound) $scope.events.push(myevents[i]);
+            }
 
-        $scope.loadMore = function () {
-          loadMore();
+            //console.log("Got new page of events");
+            moreEvents = true;
+            $scope.$broadcast('scroll.infiniteScrollComplete');
+          },
 
-        };
+          function (error) {
+            // console.log("*** No More Events to Load, Stop Infinite Scroll ****");
+            moreEvents = false;
+            $scope.$broadcast('scroll.infiniteScrollComplete');
 
+          });
+    }
 
-        function computeThumbnailSize(mw, mh, mo) {
+    $scope.loadMore = function () {
+      loadMore();
 
-          var ratio = mw / mh;
-          var result = {
-            w: 0,
-            h: 0
-          };
+    };
 
-          if (mo != 0) {
 
-            var tmp = mw;
-            mw = mh;
-            mh = tmp;
-          }
+    function computeThumbnailSize(mw, mh, mo) {
 
-          if (mw > mh) {
-            ratio = mh / mw;
-            mw = zm.thumbWidth;
-            mh = zm.thumbWidth * ratio;
-          } else if (mh > mw) {
-            ratio = mw / mh;
-            mh = zm.thumbWidth;
-            mw = zm.thumbWidth * ratio;
-          } else {
-            mw = zm.thumbWidth;
-            mw = zm.thumbWidth;
-          }
-          mw = Math.round(mw);
-          mh = Math.round(mh);
+      var ratio = mw / mh;
+      var result = {
+        w: 0,
+        h: 0
+      };
 
-          result.w = mw;
-          result.h = mh;
-          return result;
+      if (mo != 0) {
 
-        }
+        var tmp = mw;
+        mw = mh;
+        mh = tmp;
+      }
 
-        $scope.constructThumbnail = function (event) {
-          var stream = "";
-          stream = event.Event.baseURL +
-            "/index.php?view=image&show=capture&fid=" +
-            (event.Event.MaxScoreFrameId ? event.Event.MaxScoreFrameId : "1&eid=" + event.Event.Id) +
-            "&width=" + event.Event.thumbWidth * 2 +
-            "&height=" + event.Event.thumbHeight * 2;
-          if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
+      if (mw > mh) {
+        ratio = mh / mw;
+        mw = zm.thumbWidth;
+        mh = zm.thumbWidth * ratio;
+      } else if (mh > mw) {
+        ratio = mw / mh;
+        mh = zm.thumbWidth;
+        mw = zm.thumbWidth * ratio;
+      } else {
+        mw = zm.thumbWidth;
+        mw = zm.thumbWidth;
+      }
+      mw = Math.round(mw);
+      mh = Math.round(mh);
 
-          stream += NVRDataModel.insertBasicAuthToken();
-          return stream;
+      result.w = mw;
+      result.h = mh;
+      return result;
 
-        };
+    }
 
-        $scope.constructScrubFrame = function (event, slide) {
+    $scope.constructThumbnail = function (event) {
+      var stream = "";
+      stream = event.Event.baseURL +
+        "/index.php?view=image&show=capture&fid=" +
+        (event.Event.MaxScoreFrameId ? event.Event.MaxScoreFrameId : "1&eid=" + event.Event.Id) +
+        "&width=" + event.Event.thumbWidth * 2 +
+        "&height=" + event.Event.thumbHeight * 2;
+      if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
 
-          var stream = "";
-          if (event.Event.imageMode == 'path') {
-            stream = event.Event.baseURL + "/index.php?view=image" +
-              "&path=" + event.Event.relativePath + slide.img + "&height=380";
+      stream += NVRDataModel.insertBasicAuthToken();
+      return stream;
 
-          } else if (event.Event.imageMode == 'fid') {
-            stream = event.Event.baseURL + "/index.php?view=image" +
-              "&fid=" + slide.id + $scope.outlineMotionParam;
-          }
-          if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
+    };
 
-          stream += NVRDataModel.insertBasicAuthToken();
+    $scope.constructScrubFrame = function (event, slide) {
 
+      var stream = "";
+      if (event.Event.imageMode == 'path') {
+        stream = event.Event.baseURL + "/index.php?view=image" +
+          "&path=" + event.Event.relativePath + slide.img + "&height=380";
 
-          return stream;
-        };
+      } else if (event.Event.imageMode == 'fid') {
+        stream = event.Event.baseURL + "/index.php?view=image" +
+          "&fid=" + slide.id + $scope.outlineMotionParam;
+      }
+      if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
 
-        $scope.constructAlarmFrame = function (event, alarm, motion) {
-          var stream = "";
+      stream += NVRDataModel.insertBasicAuthToken();
 
-          if (event.Event.imageMode == 'fid') {
-            stream = event.Event.baseURL +
-              "/index.php?view=image&fid=" + alarm.id;
-            if (motion) stream += $scope.outlineMotionParam;
 
-          } else if (event.Event.imageMode == 'path') {
-            stream = event.Event.baseURL +
-              "/index.php?view=image&path=" + event.Event.relativePath +
-              motion ? alarm.aname : alarm.fname +
-              "&height=380";
+      return stream;
+    };
 
+    $scope.constructAlarmFrame = function (event, alarm, motion) {
+      var stream = "";
 
-          }
-          if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
-          stream += NVRDataModel.insertBasicAuthToken();
+      if (event.Event.imageMode == 'fid') {
+        stream = event.Event.baseURL +
+          "/index.php?view=image&fid=" + alarm.id;
+        if (motion) stream += $scope.outlineMotionParam;
 
-          return stream;
+      } else if (event.Event.imageMode == 'path') {
+        stream = event.Event.baseURL +
+          "/index.php?view=image&path=" + event.Event.relativePath +
+          motion ? alarm.aname : alarm.fname +
+          "&height=380";
 
-        };
 
-        $scope.toggleMinAlarmFrameCount = function () {
+      }
+      if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
+      stream += NVRDataModel.insertBasicAuthToken();
 
-          var ld = NVRDataModel.getLogin();
+      return stream;
 
-          console.log("Toggling " + ld.enableAlarmCount);
-          ld.enableAlarmCount = !ld.enableAlarmCount;
-          NVRDataModel.setLogin(ld);
-          $scope.loginData = NVRDataModel.getLogin();
-          doRefresh();
-        };
+    };
 
-        //--------------------------------------
-        // formats events dates in a nice way
-        //---------------------------------------
+    $scope.toggleMinAlarmFrameCount = function () {
 
-        function humanizeTime(str) {
-          //console.log ("Time:"+str+" TO LOCAL " + moment(str).local().toString());
-          //if (NVRDataModel.getLogin().useLocalTimeZone)
-          return moment.tz(str, NVRDataModel.getTimeZoneNow()).fromNow();
-          // else    
-          //  return moment(str).fromNow();
+      var ld = NVRDataModel.getLogin();
 
-        }
+      console.log("Toggling " + ld.enableAlarmCount);
+      ld.enableAlarmCount = !ld.enableAlarmCount;
+      NVRDataModel.setLogin(ld);
+      $scope.loginData = NVRDataModel.getLogin();
+      doRefresh();
+    };
 
-        $scope.humanize = function (num) {
+    //--------------------------------------
+    // formats events dates in a nice way
+    //---------------------------------------
 
-          var min = Math.floor(num / 60);
-          var sec = Math.floor(num - min * 60);
-          stime = "";
-          if (min) stime += min + "m ";
+    function humanizeTime(str) {
+      //console.log ("Time:"+str+" TO LOCAL " + moment(str).local().toString());
+      //if (NVRDataModel.getLogin().useLocalTimeZone)
+      return moment.tz(str, NVRDataModel.getTimeZoneNow()).fromNow();
+      // else    
+      //  return moment(str).fromNow();
 
-          if (sec) stime += sec + "s";
-          return stime;
-        };
+    }
 
-        $scope.prettifyDate = function (str) {
-          if (NVRDataModel.getLogin().useLocalTimeZone)
-            return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do');
-          else
-            return moment(str).format('MMM Do');
-        };
+    $scope.humanize = function (num) {
 
-        function prettifyDate(str) {
-          if (NVRDataModel.getLogin().useLocalTimeZone)
-            return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do');
-          else
-            return moment(str).format('MMM Do');
-        }
+      var min = Math.floor(num / 60);
+      var sec = Math.floor(num - min * 60);
+      stime = "";
+      if (min) stime += min + "m ";
 
-        $scope.prettifyTime = function (str) {
-          if (NVRDataModel.getLogin().useLocalTimeZone)
-            return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat());
-          else
-            return moment(str).format(NVRDataModel.getTimeFormat());
-        };
+      if (sec) stime += sec + "s";
+      return stime;
+    };
 
-        $scope.prettifyTimeSec = function (str) {
-          if (NVRDataModel.getLogin().useLocalTimeZone)
-            return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormatSec());
-          else
-            return moment(str).format(NVRDataModel.getTimeFormatSec());
-        };
+    $scope.prettifyDate = function (str) {
+      if (NVRDataModel.getLogin().useLocalTimeZone)
+        return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do');
+      else
+        return moment(str).format('MMM Do');
+    };
 
-        $scope.prettify = function (str) {
-          if (NVRDataModel.getLogin().useLocalTimeZone)
-            return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY');
-          else
-            return moment(str).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY');
-        };
-        //--------------------------------------------------------
-        // For consistency we are keeping the refresher list
-        // but its a dummy. The reason I deviated is because
-        // refresh with infinite scroll is a UX problem - its
-        // easy to pull to refresh when scrolling up with
-        // a large list
-        //--------------------------------------------------------
-
-        $scope.dummyDoRefresh = function () {
-          $scope.$broadcast('scroll.refreshComplete');
-        };
+    function prettifyDate(str) {
+      if (NVRDataModel.getLogin().useLocalTimeZone)
+        return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format('MMM Do');
+      else
+        return moment(str).format('MMM Do');
+    }
+
+    $scope.prettifyTime = function (str) {
+      if (NVRDataModel.getLogin().useLocalTimeZone)
+        return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat());
+      else
+        return moment(str).format(NVRDataModel.getTimeFormat());
+    };
 
-        $scope.doRefresh = function () {
-          doRefresh();
-        }; //dorefresh
+    $scope.prettifyTimeSec = function (str) {
+      if (NVRDataModel.getLogin().useLocalTimeZone)
+        return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormatSec());
+      else
+        return moment(str).format(NVRDataModel.getTimeFormatSec());
+    };
 
-        function doRefresh() {
-          // console.log("***Pull to Refresh");
+    $scope.prettify = function (str) {
+      if (NVRDataModel.getLogin().useLocalTimeZone)
+        return moment.tz(str, NVRDataModel.getTimeZoneNow()).tz(moment.tz.guess()).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY');
+      else
+        return moment(str).format(NVRDataModel.getTimeFormat() + ', MMMM Do YYYY');
+    };
+    //--------------------------------------------------------
+    // For consistency we are keeping the refresher list
+    // but its a dummy. The reason I deviated is because
+    // refresh with infinite scroll is a UX problem - its
+    // easy to pull to refresh when scrolling up with
+    // a large list
+    //--------------------------------------------------------
+
+    $scope.dummyDoRefresh = function () {
+      $scope.$broadcast('scroll.refreshComplete');
+    };
 
-          NVRDataModel.debug("Reloading monitors");
-          var refresh = NVRDataModel.getMonitors(1);
-          refresh.then(function (data) {
-            $scope.monitors = data;
+    $scope.doRefresh = function () {
+      doRefresh();
+    }; //dorefresh
 
-            /* var ld = NVRDataModel.getLogin();
-             if (ld.persistMontageOrder) {
-                 var tempMon = data;
-                 $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0];
-             } else {
-                 $scope.monitors = data;
-             }*/
+    function doRefresh() {
+      // console.log("***Pull to Refresh");
 
-            getInitialEvents();
-            moreEvents = true;
+      NVRDataModel.debug("Reloading monitors");
+      var refresh = NVRDataModel.getMonitors(1);
+      refresh.then(function (data) {
+        $scope.monitors = data;
 
-          });
-        }
+        /* var ld = NVRDataModel.getLogin();
+         if (ld.persistMontageOrder) {
+             var tempMon = data;
+             $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0];
+         } else {
+             $scope.monitors = data;
+         }*/
+
+        getInitialEvents();
+        moreEvents = true;
+
+      });
+    }
 
-      }]);
+  }]);