formatting

1 files changed, 2435 insertions, 2435 deletions

diff --git a/www/js/EventCtrl.js b/www/js/EventCtrl.js
index 5f8a58a5..df1c681d 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);
-
-    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;
-      }
+      // 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);
 
-      if (NVRDataModel.getLogin().useLocalTimeZone) {
-        $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr();
-      } else {
-        $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr();
-      }
+      var lc = $scope.$on("language-changed", function () {
+        NVRDataModel.log(">>>>>>>>>>>>>>> language changed");
+        doRefresh();
+      });
+      broadcastHandles.push(lc);
 
-      //console.log ("************** CLEARING EVENTS");
-      $scope.events = [];
+      $scope.$on('$ionicView.afterEnter', function () {
 
-      $timeout(function () {
-        // console.log ("DEFERRED ACTION EVENTS");
-        getInitialEvents();
-        setupWatchers();
-        footerExpand();
-        // now do event playback if asked
+        // console.log ("********* AFTER ENTER");
+        //
+        $ionicListDelegate.canSwipeItems(true);
+        NVRDataModel.debug("enabling options swipe");
 
-        if (parseInt($rootScope.tappedEid) > 0) {
-          NVRDataModel.debug(" Trying ot live play " + $rootScope.tappedEid);
-          playSpecificEvent($rootScope.tappedEid);
+        // see if we come from monitors, if so, don't filter events
+        if ($ionicHistory.backTitle() == 'Monitors') {
+          showHiddenMonitors = true;
+        } else {
+          showHiddenMonitors = false;
+        }
 
+        if (NVRDataModel.getLogin().useLocalTimeZone) {
+          $scope.tzAbbr = moment().tz(moment.tz.guess()).zoneAbbr();
+        } else {
+          $scope.tzAbbr = moment().tz(NVRDataModel.getTimeZoneNow()).zoneAbbr();
         }
 
-      }, 100);
+        //console.log ("************** CLEARING EVENTS");
+        $scope.events = [];
 
-    });
+        $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);
 
-    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);
+        }, 100);
+
+      });
 
-    }
 
+      function playSpecificEvent(eid) {
+        NVRDataModel.log("Stuffing EID to play back " + eid);
+        $rootScope.tappedEid = 0;
+        var event = {
+          Event: {
+            Id: eid
+          }
 
-    $scope.$on('$ionicView.beforeLeave', function () {
+        };
+        $scope.event = event;
+        $scope.currentEvent = event;
+        openModal(event);
 
-      NVRDataModel.debug("EventCtrl: Deregistering broadcast handles");
-      for (var i = 0; i < broadcastHandles.length; i++) {
-        // broadcastHandles[i]();
       }
-      broadcastHandles = [];
-    });
 
-    $scope.$on('$ionicView.beforeEnter', function () {
 
-      //console.log ("********* BEFORE ENTER");
-      //
+      $scope.$on('$ionicView.beforeLeave', function () {
 
-      $scope.modalData = {
-        "doRefresh": false
-      };
+        NVRDataModel.debug("EventCtrl: Deregistering broadcast handles");
+        for (var i = 0; i < broadcastHandles.length; i++) {
+          // broadcastHandles[i]();
+        }
+        broadcastHandles = [];
+      });
 
-      $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();
+      $scope.$on('$ionicView.beforeEnter', function () {
 
-      //console.log("BEFORE ENTER >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
+        //console.log ("********* BEFORE ENTER");
+        //
 
-      NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent =  " + $scope.showEvent);
+        $scope.modalData = {
+          "doRefresh": false
+        };
 
+        $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 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>");
 
-      // 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 
+        NVRDataModel.log("EventCtrl called with: E/MID=" + $scope.id + " playEvent =  " + $scope.showEvent);
 
-      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 (NVRDataModel.getLogin().enableThumbs) {
-        NVRDataModel.debug("--> thumbnail means increasing row size");
-        eventsListScrubHeight = 370;
-        eventsListDetailsHeight = 330;
+        if (window.cordova)
+          MobileAccessibility.getTextZoom(getTextZoomCallback);
 
-      }
+        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);
-        });
 
-      $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();
+        if (NVRDataModel.getLogin().enableThumbs) {
+          NVRDataModel.debug("--> thumbnail means increasing row size");
+          eventsListScrubHeight = 370;
+          eventsListDetailsHeight = 330;
 
-        } else {
-          navigator.app.exitApp();
         }
 
-      }
+        NVRDataModel.debug(">>>height of list/scrub set to " + eventsListDetailsHeight + " and " + eventsListScrubHeight);
+
+        pageLoaded = false;
+        enableLoadMore = true;
 
-    }, 1000);
+        $scope.mycarousel = {
+          index: 0
+        };
 
-    //--------------------------------------
-    // monitor the slider for carousels
-    //--------------------------------------
-    function setupWatchers() {
-      NVRDataModel.debug("Setting up carousel watchers");
+        $scope.ionRange = {
+          index: 1
+        };
+        $scope.animationInProgress = 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.hours = [];
+        $scope.days = [];
+        $scope.weeks = [];
+        $scope.months = [];
 
-        //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index);
-      });
+        $scope.eventList = {
+          showDelete: false
+        };
 
-      mycarouselWatcher = $scope.$watch('mycarousel.index', function () {
+        $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 ($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.showSearch = false;
+        eventsPage = 1;
+        moreEvents = true;
+        $scope.viewTitle = {
+          title: ""
+        };
+        $scope.search = {
+          text: ""
 
-        }
-        if (carouselUtils.getStop() == true)
-          return;
-        $scope.ionRange.index = ($scope.mycarousel.index + 1).toString();
-        // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index);
+        };
+        $scope.myfilter = "";
+
+        $scope.loginData = NVRDataModel.getLogin();
+        $scope.playbackURL = $scope.loginData.url;
 
       });
 
-    }
-
-    // --------------------------------------------------------
-    // 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;
+      function getEventObject(eid) {
+
+        var apiurl = NVRDataModel.getLogin().apiurl + '/events/' + eid + '.json';
+
+        $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");
+      function getTextZoomCallback(tz) {
+        $rootScope.textScaleFactor = parseFloat(tz + "%") / 100.0;
+        NVRDataModel.debug("text zoom factor is " + $rootScope.textScaleFactor);
+      }
 
-          NVRDataModel.getEvents($scope.id, eventsPage, "", nolangFrom, nolangTo)
-            .then(function (data) {
+      // --------------------------------------------------------
+      // Handling of back button in case modal is open should
+      // close the modal
+      // --------------------------------------------------------                               
 
-              // console.log ("WE GOT EVENTS="+JSON.stringify(data));
-              var myevents = data;
+      $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();
 
-              NVRDataModel.debug("EventCtrl: success, got " + myevents.length + " events");
-              var loginData = NVRDataModel.getLogin();
+          } else {
+            navigator.app.exitApp();
+          }
 
-              //console.log ("-------->MON LEN"+$scope.monitors.length);
+        }
 
-              for (var i = 0; i < myevents.length; i++) {
+      }, 1000);
 
-                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");
+      //--------------------------------------
+      // monitor the slider for carousels
+      //--------------------------------------
+      function setupWatchers() {
+        NVRDataModel.debug("Setting up carousel watchers");
 
-                      idfound = true;
-                      break;
-                    }
-                  }
-                }
+        ionRangeWatcher = $scope.$watch('ionRange.index', function () {
+          // console.log ("Watching index");
+          $scope.mycarousel.index = parseInt($scope.ionRange.index) - 1;
+          if (carouselUtils.getStop() == true)
+            return;
 
-                //console.log ("IDFOUND="+idfound + " AND MON LEN="+$scope.monitors.length);
+          //console.log ("***ION RANGE CHANGED TO " + $scope.mycarousel.index);
+        });
 
-                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);
+        mycarouselWatcher = $scope.$watch('mycarousel.index', function () {
 
-                //console.log ("***** MULTISERVER STREAMING URL FOR EVENTS " + myevents[i].Event.streamingURL);
+          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;
+            }
 
-                // console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
+          }
+          if (carouselUtils.getStop() == true)
+            return;
+          $scope.ionRange.index = ($scope.mycarousel.index + 1).toString();
+          // console.log ("***IONRANGE RANGE CHANGED TO " + $scope.ionRange.index);
 
-                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) {
+      // --------------------------------------------------------
+      // Handling of back button in case modal is open should
+      // close the modal
+      // --------------------------------------------------------      
 
-                  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;
+      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;
+        }
 
-                // in multiserver BasePath is login url for frames 
-                // http://login.url/index.php?view=frame&eid=19696772&fid=21
+        $scope.events = [];
 
-                //  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;
+        // 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");
 
-                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;
+        //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");
 
-                // if (idfound)
-                if (idfound) {
+              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();
+                      }
+                    });
 
-                  //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();
-              }
-            });
+        //-------------------------------------------------------
+        // Tapping on a frame shows this image
+        //------------------------------------------------------
 
-        });
-    }
+        function SaveSuccess() {
+          $ionicLoading.show({
+            template: $translate.instant('kDone'),
+            noBackdrop: true,
+            duration: 1000
+          });
+          NVRDataModel.debug("ModalCtrl:Photo saved successfuly");
+        }
 
-    //-------------------------------------------------------
-    // Tapping on a frame shows this image
-    //------------------------------------------------------
+        function SaveError(e) {
+          $ionicLoading.show({
+            template: $translate.instant('kErrorSave'),
+            noBackdrop: true,
+            duration: 2000
+          });
+          NVRDataModel.log("Error saving image: " + e.message);
+          //console.log("***ERROR");
+        }
 
-    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");
-    }
 
+        function saveNow(imgsrc, r, f) {
 
-    function saveNow(imgsrc, r, f) {
+          $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 {
 
-      $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 {
+              var fname = r + f + ".png";
+              fname = fname.replace(/\//, "-");
+              fname = fname.replace(/\.jpg/, '');
 
-            cordova.exec(
-              SaveSuccess,
-              SaveError,
-              'Canvas2ImagePlugin',
-              'saveImageDataToLibrary', [imageData]
-            );
-            // carouselUtils.setStop(curState);
+              canvas.toBlob(function (blob) {
+                saveAs(blob, fname);
+                SaveSuccess();
+              });
+            }
+          };
+          try {
+            img.src = url;
+            // console.log ("SAVING IMAGE SOURCE");
           } 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);
+        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);
-      }
+          // 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);
-          });
-      }
+          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 (err) {
-            d.reject(err);
-            return d.promise;
-          });
-      }
-      return d.promise;
-    }
 
+        function moveImageToGallery(fname) {
+          // this is https://github.com/terikon/cordova-plugin-photo-library
 
-    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");
 
-      NVRDataModel.debug("moveImageToGallery called with " + fname);
-      cordova.plugins.photoLibrary.saveImage(fname, "zmNinja", onSuccess, onError);
-      //LibraryHelper.saveImageToLibrary(onSuccess, onError, fname, "zmNinja");
+          function onSuccess(results) {
 
-      function onSuccess(results) {
+            NVRDataModel.debug("Removing temp file");
 
-        NVRDataModel.debug("Removing temp file");
+            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
+            });
 
-        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
-        });
 
+          }
 
-      }
+          function onError(error) {
+            // console.log("Error: " + error);
 
-      function onError(error) {
-        // console.log("Error: " + error);
+          }
+        }
 
-      }
-    }
+        $scope.readyToPlay = function (api) {
 
-    $scope.readyToPlay = function (api) {
+          api.mediaElement.attr("playsinline", "");
 
-      api.mediaElement.attr("playsinline", "");
 
+        };
 
-    };
 
+        $scope.downloadFileToDevice = function (path, eid) {
 
-    $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";
 
-      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 th = true;
+          var opt = {};
 
-      var opt = {};
+          if ($rootScope.basicAuthHeader) {
+            opt.headers = {
+              "Authorization": $rootScope.basicAuthHeader
+            };
+            NVRDataModel.debug("download with auth options is:" + JSON.stringify(opt));
+          }
 
-      if ($rootScope.basicAuthHeader) {
-        opt.headers = {
-          "Authorization": $rootScope.basicAuthHeader
-        };
-        NVRDataModel.debug("download with auth options is:" + JSON.stringify(opt));
-      }
+          //path = "http://techslides.com/demos/sample-videos/small.mp4";
+
+          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;
+
+              $timeout(function () {
+                $ionicLoading.hide();
+              });
+              moveToGallery(ntp, eid + "-video");
+              NVRDataModel.setAwake(false);
+              // Success!
+            }, function (err) {
+              NVRDataModel.setAwake(false);
+              NVRDataModel.log("Error=" + JSON.stringify(err));
 
-      //path = "http://techslides.com/demos/sample-videos/small.mp4";
+              $timeout(function () {
+                $ionicLoading.show({
 
-      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;
+                  template: $translate.instant('kError'),
+                  noBackdrop: true,
+                  duration: 3000
+                });
+              });
+              // Error
+            }, function (progress) {
+              var p = Math.round((progress.loaded / progress.total) * 100);
 
-          $timeout(function () {
-            $ionicLoading.hide();
-          });
-          moveToGallery(ntp, eid + "-video");
-          NVRDataModel.setAwake(false);
-          // Success!
-        }, function (err) {
-          NVRDataModel.setAwake(false);
-          NVRDataModel.log("Error=" + JSON.stringify(err));
+              $ionicLoading.show({
 
-          $timeout(function () {
-            $ionicLoading.show({
+                template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
+                noBackdrop: true
+              });
 
-              template: $translate.instant('kError'),
-              noBackdrop: true,
-              duration: 3000
             });
-          });
-          // Error
-        }, function (progress) {
-          var p = Math.round((progress.loaded / progress.total) * 100);
 
-          $ionicLoading.show({
+          function moveToGallery(path, fname) {
 
-            template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
-            noBackdrop: true
-          });
+            NVRDataModel.debug("moveToGallery called with " + path);
+            LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname);
 
-        });
+            function onSuccess(results) {
+              $ionicLoading.hide();
+              NVRDataModel.debug("Removing temp file");
 
-      function moveToGallery(path, fname) {
+              if ($rootScope.platformOS == 'ios')
+                $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4");
+              else
+                $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4");
 
-        NVRDataModel.debug("moveToGallery called with " + path);
-        LibraryHelper.saveVideoToLibrary(onSuccess, onError, path, fname);
+            }
 
-        function onSuccess(results) {
-          $ionicLoading.hide();
-          NVRDataModel.debug("Removing temp file");
+            function onError(error) {
+              $ionicLoading.hide();
+              console.log("Error: " + error);
 
-          if ($rootScope.platformOS == 'ios')
-            $cordovaFile.removeFile(cordova.file.documentsDirectory, "temp-video.mp4");
-          else
-            $cordovaFile.removeFile(cordova.file.dataDirectory, "temp-video.mp4");
+            }
+          }
 
-        }
+        };
 
-        function onError(error) {
-          $ionicLoading.hide();
-          console.log("Error: " + error);
+        $scope.mp4warning = function () {
+          $ionicPopup.alert({
+            title: $translate.instant('kNote'),
+            template: "{{'kVideoMp4Warning' | translate }}",
+            okText: $translate.instant('kButtonOk'),
+            cancelText: $translate.instant('kButtonCancel'),
+          });
+        };
 
-        }
-      }
+        $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;
 
-    $scope.mp4warning = function () {
-      $ionicPopup.alert({
-        title: $translate.instant('kNote'),
-        template: "{{'kVideoMp4Warning' | translate }}",
-        okText: $translate.instant('kButtonOk'),
-        cancelText: $translate.instant('kButtonCancel'),
-      });
-    };
+          // note ndx may be incorrect if we are looking 
+          // at unique frames;
 
-    $scope.showImage = function (p, r, f, fid, e, imode, id, parray, ndx) {
-      var img;
+          // NVRDataModel.debug("Hello");
+          if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
 
-      //console.log ("HERE");
-      $scope.kFrame = $translate.instant('kFrame');
-      $scope.kEvent = $translate.instant('kEvent');
-      $scope.ndx = ndx;
-      $scope.parray = parray;
-      $scope.imode = imode;
+            var ic;
 
-      // note ndx may be incorrect if we are looking 
-      // at unique frames;
+            for (ic = 0; ic < $scope.parray.length; ic++) {
+              if ($scope.parray[ic].frameid == fid)
+                break;
+            }
 
-      // NVRDataModel.debug("Hello");
-      if ($scope.typeOfFrames == $translate.instant('kShowTimeDiffFrames')) {
+            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");
+          }
 
-        var ic;
+          // 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;
 
-        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");
-      }
+          //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img,  cssClass:'popup80'});
 
-      // 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;
+          if ($rootScope.authSession != 'undefined') {
+            $scope.imgsrc += $rootScope.authSession;
+            $scope.fallbackImgSrc += $rootScope.authSession;
+          }
 
-      }
 
-      //$rootScope.zmPopup = $ionicPopup.alert({title: kFrame+':'+fid+'/'+kEvent+':'+e,template:img,  cssClass:'popup80'});
+          $scope.imgsrc += NVRDataModel.insertBasicAuthToken();
+          $scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken();
 
-      if ($rootScope.authSession != 'undefined') {
-        $scope.imgsrc += $rootScope.authSession;
-        $scope.fallbackImgSrc += $rootScope.authSession;
-      }
 
 
-      $scope.imgsrc += NVRDataModel.insertBasicAuthToken();
-      $scope.fallbackImgSrc += NVRDataModel.insertBasicAuthToken();
+          $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);
 
+                }
+              },
 
-      $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: [
+              {
+                // 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;
 
-          {
-            text: '',
-            type: 'button-assertive button-small ion-camera',
-            onTap: function (e) {
-              e.preventDefault();
-              saveNow($scope.imgsrc, r, parray[$scope.ndx].fname);
+                  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();
 
-          {
-            // 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;
+              },
+              {
+                // 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();
 
-            }
-          },
-          {
-            // 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;
+                  e.preventDefault();
+
                 }
-              }
-              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;
+              },
 
+              {
+                text: '',
+                type: 'button-positive button-small ion-checkmark-round',
+                onTap: function (e) {
+
+                }
               }
+            ]
+          });
 
+        };
 
-              e.preventDefault();
 
-            }
-          },
 
-          {
-            text: '',
-            type: 'button-positive button-small ion-checkmark-round',
-            onTap: function (e) {
+        $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"
+
+          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
+          });
 
-    $scope.toggleMotionOutline = function () {
-      $scope.outlineMotion = !$scope.outlineMotion;
-      if ($scope.outlineMotion)
-        $scope.outlineMotionParam = "&show=analyse";
-      else
-        $scope.outlineMotionParam = "&show=capture";
-    };
+          // 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.toggleTypeOfAlarms = function () {
-      //  "kShowAllFrames"             : "all",
-      // "kShowTimeDiffFrames"        :  "different timestamps"
+          // console.log("Moment Dates:" + mFromDate.format() + " TO  " + mToDate.format());
 
-      if ($scope.typeOfFrames == $translate.instant('kShowAllFrames')) {
-        $scope.typeOfFrames = $translate.instant('kShowTimeDiffFrames');
-      } else {
-        $scope.typeOfFrames = $translate.instant('kShowAllFrames');
-      }
-    };
+          $rootScope.fromTime = mFromDate.toDate();
+          $rootScope.toTime = mToDate.toDate();
+          $rootScope.fromDate = $rootScope.fromTime;
+          $rootScope.toDate = $rootScope.toTime;
 
-    // not explictly handling error --> I have a default "No events found" message
-    // displayed in the template if events list is null
+          NVRDataModel.debug("From: " + $rootScope.fromTime);
+          NVRDataModel.debug("To: " + $rootScope.toTime);
 
-    //--------------------------------------------------------------------------
-    // 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.fromDate = fromDate.toDate();
+          //$rootScope.toDate = toDate.toDate();
+          $rootScope.isEventFilterOn = true;
+          $rootScope.fromString = mFromDate
+            .format("YYYY-MM-DD") + " " + mFromDate.format("HH:mm:ss");
 
-      $ionicHistory.nextViewOptions({
-        disableBack: true
-      });
+          $rootScope.toString = mToDate
+            .format("YYYY-MM-DD") + " " + mToDate
+            .format("HH:mm:ss");
 
-      // 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
-       });*/
-    };
+          // console.log("**************From String: " + $rootScope.fromString);
+          //  console.log("**************To String: " + $rootScope.toString);
 
-    //----------------------------------------------------------------
-    // Alarm notification handling
-    //----------------------------------------------------------------
-    $scope.handleAlarms = function () {
-      // $rootScope.isAlarm = !$rootScope.isAlarm;
+          // reloading - may solve https://github.com/pliablepixels/zmNinja/issues/36
+          // if you are in the same mid event page $state.go won't work
 
-      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;
-      }
-    };
+          $scope.id = monitorId;
+          $scope.showEvent = false;
+          $scope.footerState = ionPullUpFooterState.MINIMIZED;
+          getInitialEvents();
 
-    // 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;
-                }
+          /* console.log ("---> SENDING TO EVENTS WITH mid " + monitorId);
+           $state.go("app.events",
+           {
+               "id": monitorId,
+               "playEvent": false
+           },
+           {
+               reload: true
+           });*/
+        };
 
-                if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ )
+        //----------------------------------------------------------------
+        // Alarm notification handling
+        //----------------------------------------------------------------
+        $scope.handleAlarms = function () {
+          // $rootScope.isAlarm = !$rootScope.isAlarm;
 
-                {
-                  imglist.push(fname);
-                  //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1;
-                  lastTime = data.event.Frame[i].TimeStamp;
-                }
+          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;
+          }
+        };
 
+        // 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
+          });
+        }
 
-            // next up make sure we are not processing more than 100 images
+        //----------------------------------------------------------
+        // 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 = "";
 
-            while (imglist.length > zm.maxGifCount2) {
-              NVRDataModel.debug("Too many images: " + imglist.length + ", deleting  alternate frames to keep it <=" + zm.maxGifCount2);
+                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;
+                    }
 
-              for (var l = 0; l < imglist.length; l++) {
-                imglist.splice(l + 1, 2);
-                if (imglist.length <= zm.maxGifCount2) break;
-              }
+                    if (data.event.Frame[i].TimeStamp != lastTime /*|| fps < 2*/ )
 
-            }
-            NVRDataModel.debug("final image list length is:" + imglist.length);
+                    {
+                      imglist.push(fname);
+                      //fps = data.event.Frame[i].TimeStamp != lastTime ? 0 : fps+1;
+                      lastTime = data.event.Frame[i].TimeStamp;
+                    }
+
+                  }
 
-            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
 
-    // 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");
+                while (imglist.length > zm.maxGifCount2) {
+                  NVRDataModel.debug("Too many images: " + imglist.length + ", deleting  alternate frames to keep it <=" + zm.maxGifCount2);
 
-        });
-      } else {
-        $ionicPopup.alert({
-          title: $translate.instant('kNote'),
-          template: "{{'kGifNoCrosswalk' | translate}}"
-        });
-      }
+                  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);
 
-    }
-
-    // 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;
-          }
+                d.resolve(imglist);
+                return d.promise;
+              },
+              function (err) {
+                d.reject(err);
+                return d.promise;
+              });
+          return d.promise;
+        }
 
-          return $http({
-              url: frame,
-              responseType: "blob"
-            })
-            .then(function (res) {
+        // force image to be of zm.maxGifWidth. TBD: rotated foo
+        function adjustAspect(e) {
 
-              return res.data.image();
-            })
-            .then(function (img) {
-              processedImages++;
+          var w = zm.maxGifWidth;
+          var h = Math.round(e.Event.Height / e.Event.Width * zm.maxGifWidth);
+          return {
+            w: w,
+            h: h
+          };
 
-              var p = Math.round(processedImages / totalImages * 100);
-              $ionicLoading.show({
-                template: $translate.instant('kPleaseWait') + "...(" + p + "%)",
-                noBackdrop: true
-              });
+        }
 
-              // 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);
-              }
+        // for devices - handle permission before you download
+        $scope.permissionsDownload = function (e) {
+          if ($rootScope.platformOS == 'desktop') {
+            gifAlert(e);
+          } else {
 
-              controller.enqueue([0, 0, w, h, pixels,
-                {
-                  palette: paletteArray,
-                  delay: 100, // 1 second
+            //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
+              }
+            );
+
+          }
+        };
+
+        // 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}}"
             });
+          }
+
+
         }
-      });
 
-      return new GifWriter(rs, w, h, {
-        loop: null
-      });
-    }
+        // 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;
+        }
 
-    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();
-                  });
-                }
+        // 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;
+        }
 
-                pull().then(function (chunks) {
-                  var blob = new Blob(chunks, {
-                    type: "image/gif"
+        // 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
                   });
 
-                  //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 = {};
+                  // 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);
+                  }
 
-                    $ionicLoading.show({
+                  controller.enqueue([0, 0, w, h, pixels,
+                    {
+                      palette: paletteArray,
+                      delay: 100, // 1 second
+                    }
+                  ]);
+                });
+            }
+          });
 
-                      template: "writing to file...",
-                      noBackdrop: true,
-                    });
+          return new GifWriter(rs, w, h, {
+            loop: null
+          });
+        }
 
-                    //var bloburl = URL.createObjectURL(blob);
-                    //NVRDataModel.debug ("blob-url is:"+bloburl);
 
-                    writeFile2(tp, "temp-file.gif", blob, false)
-                      .then(function (succ) {
-                        NVRDataModel.debug("write to file successful");
-                        //  console.log( "write file successful");
-                        $ionicLoading.hide();
 
-                        var ntp = tp;
-                        //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
+        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();
+                      });
+                    }
 
-                        ntp = ntp + "temp-file.gif";
-                        // console.log ("ntp="+ntp);
+                    pull().then(function (chunks) {
+                      var blob = new Blob(chunks, {
+                        type: "image/gif"
 
-                        moveImageToGallery(ntp);
-                        $rootScope.isDownloading = false;
+                      });
 
-                      }, function (err) {
-                        $rootScope.isDownloading = false;
+                      //alert ("WE ARE DONE!");
+                      if ($rootScope.platformOS == 'desktop') {
+                        saveAs(blob, e.Event.Id + "-video.gif");
                         $ionicLoading.hide();
-                        NVRDataModel.debug("error writing to file " + JSON.stringify(err));
+                      } 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({
 
-                      });
-                  }
+                          template: "writing to file...",
+                          noBackdrop: true,
+                        });
 
-                });
-              });
+                        //var bloburl = URL.createObjectURL(blob);
+                        //NVRDataModel.debug ("blob-url is:"+bloburl);
 
-          },
-          function (err) {
-            $ionicLoading.hide();
-            NVRDataModel.setAwake(false);
-            NVRDataModel.log("Error getting frames");
-            $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();
 
-        );
+                            var ntp = tp;
+                            //ntp = tp.indexOf('file://') === 0 ? tp.slice(7) : tp;
 
-    }
+                            ntp = ntp + "temp-file.gif";
+                            // console.log ("ntp="+ntp);
 
-    // NOT USED - WILL REMOVE AFTER TESTING OTHER METHOD MORE
-    function downloadAsGif(e) {
-      $ionicLoading.show({
-        template: $translate.instant('kPleaseWait') + "...",
-        noBackdrop: true,
-        duration: 20000
-      });
+                            moveImageToGallery(ntp);
+                            $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 (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;
               }
-            }, function (obj) {
-              NVRDataModel.setAwake(false);
-              if (!obj.error) {
-                //console.log(obj.image);
 
-                var blob;
+            );
 
-                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);
-                  $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);
+        // 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;
 
-              } else {
+                    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);
+                      $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);
+                        });
+
+                    }
+
+                  } else {
+                    $ionicLoading.hide();
+                    NVRDataModel.log("Error creating GIF");
+                  }
+                });
+              },
+              function (err) {
                 $ionicLoading.hide();
-                NVRDataModel.log("Error creating GIF");
+                NVRDataModel.log("Error getting frames");
               }
-            });
-          },
-          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();
 
-    $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";
 
-      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";
+          NVRDataModel.debug("Calling archive with:" + apiArchive + " and Archive=" + setArchiveBit);
+          //put(url, data, [config]);
 
-      NVRDataModel.debug("Calling archive with:" + apiArchive + " and Archive=" + setArchiveBit);
-      //put(url, data, [config]);
+          // $http.put(apiArchive,"Event[Archived]="+setArchiveBit)
+          // 
+          $ionicLoading.show({
+            template: "{{'kPleaseWait' | translate}}...",
+            noBackdrop: true,
+            duration: zm.httpTimeout
+          });
 
-      // $http.put(apiArchive,"Event[Archived]="+setArchiveBit)
-      // 
-      $ionicLoading.show({
-        template: "{{'kPleaseWait' | translate}}...",
-        noBackdrop: true,
-        duration: zm.httpTimeout
-      });
+          $http({
 
-      $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
+              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) {
+              }
+            })
+            .then(function (success) {
+
+                NVRDataModel.log("archiving response: " + JSON.stringify(success));
+                if (success.data.message == 'Error') {
+                  $ionicLoading.show({
+                    template: "{{'kError' | translate}}...",
+                    noBackdrop: true,
+                    duration: 1500
+                  });
 
-            NVRDataModel.log("archiving response: " + JSON.stringify(success));
-            if (success.data.message == 'Error') {
-              $ionicLoading.show({
-                template: "{{'kError' | translate}}...",
-                noBackdrop: true,
-                duration: 1500
-              });
+                } else {
 
-            } else {
 
+                  $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';
+                }
 
-              $ionicLoading.show({
-                template: "{{'kSuccess' | translate}}...",
-                noBackdrop: true,
-                duration: 1000
+
+
+              },
+              function (error) {
+                NVRDataModel.log("Error archiving: " + JSON.stringify(error));
               });
-              if ($scope.events[ndx].Event.Archived == '0')
-                $scope.events[ndx].Event.Archived = '1';
-              else
-                $scope.events[ndx].Event.Archived = '0';
-            }
 
 
 
-          },
-          function (error) {
-            NVRDataModel.log("Error archiving: " + JSON.stringify(error));
-          });
+        };
 
+        //--------------------------------------------------------------------------
+        // Takes care of deleting individual events
+        //--------------------------------------------------------------------------
 
 
-    };
 
-    //--------------------------------------------------------------------------
-    // Takes care of deleting individual events
-    //--------------------------------------------------------------------------
+        $scope.deleteEvent = function (id, itemid) {
+          deleteEvent(id, itemid);
 
+        };
 
+        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);
 
-    $scope.deleteEvent = function (id, itemid) {
-      deleteEvent(id, itemid);
+          $ionicLoading.show({
+            template: "{{'kDeletingEvent' | translate}}...",
+            noBackdrop: true,
+            duration: zm.httpTimeout
+          });
 
-    };
 
-    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
-      });
 
+          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
+                });
 
-      return $http.delete(apiDelete)
-        .success(function (data) {
-          $ionicLoading.hide();
-          NVRDataModel.debug("delete output: " + JSON.stringify(data));
+              } else {
 
-          if (data.message == 'Error') {
-            $ionicLoading.show({
-              template: "{{'kError' | translate}}...",
-              noBackdrop: true,
-              duration: 1500
-            });
+                $ionicLoading.hide();
+                $ionicLoading.show({
+                  template: "{{'kSuccess' | translate}}...",
+                  noBackdrop: true,
+                  duration: 1000
+                });
+                if (itemid >= 0) $scope.events.splice(itemid, 1);
 
-          } 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);
 
-          }
 
-          // 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')]);
+            });
+        }
 
-          //doRefresh();
+        //------------------------------------------------
+        // Tapping on the filter sign lets you reset it
+        //-------------------------------------------------
 
-        })
-        .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();
+        $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();
 
-          /*
-          $ionicHistory.nextViewOptions(
-          {
-              disableBack: true
+          $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'),
           });
-          $state.go("app.events",
-          {
-              "id": 0,
-              "playEvent": false,
-              refresh:true
-          });*/
+          $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
+              });*/
 
-          return;
-        } else {
-          NVRDataModel.log("Filter reset cancelled in popup");
-        }
-      });
+              return;
+            } else {
+              NVRDataModel.log("Filter reset cancelled in popup");
+            }
+          });
 
-    };
+        };
 
-    //--------------------------------------------------------------------------
-    // 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
-    //--------------------------------------------------------------------------
+        //--------------------------------------------------------------------------
+        // 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();
+        $scope.footerExpand = function () {
+          footerExpand();
 
-    };
+        };
+
+        function footerExpand() {
+          //https://server/zm/api/events/consoleEvents/5%20minute.json
+          var ld = NVRDataModel.getLogin();
 
-    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;
+          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;
+          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
+                    });
+
                 }
               }
-              //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;
+          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
+                    });
+
                 }
               }
-              //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;
+          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
+                    });
+
                 }
               }
-              //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
-                });
+            });
 
-            }
+        }
+
+        $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();
+        };
 
-    }
+        //-------------------------------------------------------------------------
+        // 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 = [];
 
-    $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();
-    };
+        }
+        //-------------------------------------------------------------------------
+        // Pads the filename with leading 0s, depending on  ZM_IMAGE_DIGITS
+        //-------------------------------------------------------------------------
+        function padToN(number, digits) {
 
-    //-------------------------------------------------------------------------
-    // 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 = [];
+          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);
 
+          if (number <= numMax) {
+            number = (stringLeading + number).slice(-digits);
+          }
+          //console.log ("PADTON: returning " + number);
+          return number;
+        }
 
-    }
-    //-------------------------------------------------------------------------
-    // Pads the filename with leading 0s, depending on  ZM_IMAGE_DIGITS
-    //-------------------------------------------------------------------------
-    function padToN(number, digits) {
+        //-------------------------------------------------------------------------
+        // FIXME: Are we using this?
+        //-------------------------------------------------------------------------
+        $scope.disableSlide = function () {
+          NVRDataModel.debug("EventCtrl:DisableSlide called");
+          $ionicSlideBoxDelegate.$getByHandle("eventSlideBox").enableSlide(false);
+        };
 
-      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.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");
+          }
 
-      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.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");
-      }
+        //-------------------------------------------------------------------------
+        // 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);
+        };
 
-    //-------------------------------------------------------------------------
-    // This function is called when a user enables or disables
-    // scrub view for an event.
-    //-------------------------------------------------------------------------
+        $scope.toggleGroupAlarms = function (event, ndx, frames) {
+          $scope.groupType = "alarms";
+          toggleGroup(event, ndx, frames, $scope.groupType);
+        };
 
-    $scope.toggleGroupScrub = function (event, ndx, frames) {
-      $scope.groupType = "scrub";
-      toggleGroup(event, ndx, frames, $scope.groupType);
-    };
+        function toggleGroup(event, ndx, frames, groupType) {
 
-    $scope.toggleGroupAlarms = function (event, ndx, frames) {
-      $scope.groupType = "alarms";
-      toggleGroup(event, ndx, frames, $scope.groupType);
-    };
 
-    function toggleGroup(event, ndx, frames, 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;
+          }
 
+          if (oldEvent && event != oldEvent) {
 
-      // 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;
-      }
+            NVRDataModel.debug("EventCtrl:Old event scrub will hide now");
+            oldEvent.Event.ShowScrub = false;
+            oldEvent.Event.height = eventsListDetailsHeight;
+            oldEvent = "";
+          }
 
-      if (oldEvent && event != oldEvent) {
+          event.Event.ShowScrub = !event.Event.ShowScrub;
 
-        NVRDataModel.debug("EventCtrl:Old event scrub will hide now");
-        oldEvent.Event.ShowScrub = false;
-        oldEvent.Event.height = eventsListDetailsHeight;
-        oldEvent = "";
-      }
+          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");
 
-      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);
 
-      //console.log ("SCRUBBING IS "+event.Event.ShowScrub);
-      // $ionicScrollDelegate.resize();
+          if (event.Event.ShowScrub == true) // turn on display now
+          {
 
-      //console.log ("GROUP TYPE IS " + groupType);
 
-      if (event.Event.ShowScrub == true) // turn on display now
-      {
+            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;
+                    }
 
+                  }
+                  oldEvent = event;
 
-        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=[];
+                  //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: []
 
-              //$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") {
 
-                  //console.log ("**ONLY ALARM AT " + i + "of " + data.event.Frame.length);
-                  var atype;
-                  if (timestamp != data.event.Frame[i].TimeStamp) {
+              if (event.Event.imageMode == 'path') {
+                NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub");
 
-                    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
+                for (i = 1; i <= frames; i++) {
+                  var fname = padToN(i, eventImageDigits) + "-capture.jpg";
+
+                  $scope.slides.push({
+                    id: i,
+                    img: fname
                   });
-                  timestamp = data.event.Frame[i].TimeStamp;
-                }
 
-              }
-              oldEvent = event;
+                }
+              } 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=[];
 
-              //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']);
-            });
+                    //$scope.slider_options.scale = [];
 
-        } // end of groupType == alarms
-        else // groupType == scrub
-        {
+                    var i;
+                    for (i = 0; i < data.event.Frame.length; i++) {
 
-          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);
+                      //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,
 
-            },
-            //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: []
+                      });
 
-          };
+                    }
 
-          event.Event.height = (eventsListDetailsHeight + eventsListScrubHeight);
-          $ionicScrollDelegate.resize();
-          $scope.mycarousel.index = 0;
-          $scope.ionRange.index = 1;
-          //console.log("**Resetting range");
-          $scope.slides = [];
-          var i;
+                    //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') {
-            NVRDataModel.debug("EventCtrl: found " + frames + " frames to scrub");
+              }
 
-            for (i = 1; i <= frames; i++) {
-              var fname = padToN(i, eventImageDigits) + "-capture.jpg";
+              // now get event details to show alarm frames
+              loginData = NVRDataModel.getLogin();
 
-              $scope.slides.push({
-                id: i,
-                img: fname
-              });
+              if (typeof event.Event.DefaultVideo === 'undefined')
+                event.Event.DefaultVideo = "";
+              // grab video details
+              event.Event.video = {};
+              var videoURL;
 
-            }
-          } 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=[];
+              //if (event.Event.imageMode == 'path')
 
-                //$scope.slider_options.scale = [];
+              /* 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();
 
-                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,
+              console.log("************** VIDEO IS " + videoURL);
+              event.Event.video.config = {
+                autoPlay: true,
+                sources: [{
+                    src: $sce.trustAsResourceUrl(videoURL),
+                    type: "video/mp4"
+                  }
 
-                  });
+                ],
 
-                }
+                theme: "lib/videogular-themes-default/videogular.css",
 
-                //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 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 = [];
 
-          // now get event details to show alarm frames
-          loginData = NVRDataModel.getLogin();
+                  var i;
+                  for (i = 0; i < data.event.Frame.length; i++) {
+                    if (data.event.Frame[i].Type == "Alarm") {
 
-          if (typeof event.Event.DefaultVideo === 'undefined')
-            event.Event.DefaultVideo = "";
-          // grab video details
-          event.Event.video = {};
-          var videoURL;
+                      //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(' ');
+                    }
 
-          //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();
+                  //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);
 
-          console.log("************** VIDEO IS " + videoURL);
-          event.Event.video.config = {
-            autoPlay: true,
-            sources: [{
-                src: $sce.trustAsResourceUrl(videoURL),
-                type: "video/mp4"
+                // we need to scroll up to make space
               }
 
-            ],
-
-            theme: "lib/videogular-themes-default/videogular.css",
+            } // 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
+          }
 
-          };
+        }
 
-          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.closeIfOpen = function (event) {
+          if (event != undefined) {
+            if (event.Event.ShowScrub)
+              toggleGroup(event);
 
-              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(' ');
-                }
+        $scope.isGroupShown = function (event) {
+          //  console.log ("IS SHOW INDEX is " + ndx);
+          //console.log ("SHOW GROUP IS " + showGroup);
 
-              }
+          return (event == undefined) ? false : event.Event.ShowScrub;
 
-              //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;
+        //---------------------------------------------------
+        // 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;
-          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);
+          $ionicLoading.show({
+            template: $translate.instant('kRefreshedView'),
+            noBackdrop: true,
+            duration: 3000
+          });
 
-            // we need to scroll up to make space
+        };
+
+        //---------------------------------------------------
+        // 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");
           }
+        };
 
-        } // 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
-      }
+        $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);
 
-    $scope.closeIfOpen = function (event) {
-      if (event != undefined) {
-        if (event.Event.ShowScrub)
-          toggleGroup(event);
+          EventServer.sendMessage('push', {
+            type: 'badge',
+            badge: 0,
+          });
 
-      }
-    };
+          $ionicPopover.fromTemplateUrl('templates/events-popover.html', {
+            scope: $scope,
+          }).then(function (popover) {
+            $scope.popover = popover;
+          });
 
-    $scope.isGroupShown = function (event) {
-      //  console.log ("IS SHOW INDEX is " + ndx);
-      //console.log ("SHOW GROUP IS " + showGroup);
+          //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.
+            });
 
-      return (event == undefined) ? false : event.Event.ShowScrub;
+            $cordovaLocalNotification.clearAll();
+          }
 
-    };
+        });
 
-    //---------------------------------------------------
-    // 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
-      });
+        $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();
+          }
 
-    //---------------------------------------------------
-    // 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.$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,
-      });
+        //---------------------------------------------------
+        // used to hide loading image toast
+        //---------------------------------------------------
+        $scope.finishedLoadingImage = function (ndx) {
+          //  console.log("*** Events image FINISHED loading index: "+ndx+"***");
+          $ionicLoading.hide();
+        };
 
-      $ionicPopover.fromTemplateUrl('templates/events-popover.html', {
-        scope: $scope,
-      }).then(function (popover) {
-        $scope.popover = popover;
-      });
+        //---------------------------------------------------
+        //
+        //---------------------------------------------------
+        $scope.clearSearch = function () {
+          $scope.search.text = "";
+        };
 
-      //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.
-        });
+        //---------------------------------------------------
+        // 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");
+          }
+        };
 
-        $cordovaLocalNotification.clearAll();
-      }
+        //--------------------------------------------------------
+        // 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;
 
-    });
+        }
 
-    $scope.$on('$ionicView.leave', function () {
-      //console.log("**VIEW ** Events Ctrl Left");
-    });
+        //--------------------------------------------------------
+        // 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.$on('$ionicView.unloaded', function () {
-      //console.log("**VIEW ** Events Ctrl Unloaded");
-      //console.log("*** MODAL ** Destroying modal too");
-      if ($scope.modal !== undefined) {
-        $scope.modal.remove();
-      }
+        $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;
 
-    //---------------------------------------------------
-    // used to hide loading image toast
-    //---------------------------------------------------
-    $scope.finishedLoadingImage = function (ndx) {
-      //  console.log("*** Events image FINISHED loading index: "+ndx+"***");
-      $ionicLoading.hide();
-    };
+              $scope.modal.show();
 
-    //---------------------------------------------------
-    //
-    //---------------------------------------------------
-    $scope.clearSearch = function () {
-      $scope.search.text = "";
-    };
+            });
+        };
 
-    //---------------------------------------------------
-    // 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");
-      }
-    };
+        $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;
 
-    //--------------------------------------------------------
-    // 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.modal.show();
 
-        });
-    };
+            });
+        };
 
-    $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.$on('modal.removed', function (e, m) {
 
-          $scope.modal.show();
+          if (m.id != 'footage')
+            return;
+          NVRDataModel.debug("Rebinding watchers of eventCtrl");
+          setupWatchers();
+
+          //console.log ("************** FOOTAGE CLOSED");
 
         });
-    };
 
-    $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) {
 
-      if (!f) { // api update needed
+          $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;
 
-        $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();
 
-          var ld = NVRDataModel.getLogin();
+        //--------------------------------------------------------
+        //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');
 
-    };
+        };
 
+        $scope.openModal = function (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
-    //--------------------------------------------------------
+          openModal(event);
 
-    $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.openModal = function (event) {
+          $scope.modalData = {
+            "doRefresh": false
+          };
 
-      openModal(event);
+          $scope.event = event;
 
-    };
+          NVRDataModel.setAwake(NVRDataModel.getKeepAwake());
 
-    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.currentEvent = event;
+          $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1";
 
-      $scope.modalData = {
-        "doRefresh": false
-      };
+          var ld = NVRDataModel.getLogin();
+          var sl = 'disabled';
+          if (ld.showLiveForInProgressEvents) {
+            sl = 'enabled';
+          }
 
-      $scope.event = event;
+          $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;
 
-      NVRDataModel.setAwake(NVRDataModel.getKeepAwake());
+              $scope.modal.show();
 
-      $scope.currentEvent = event;
-      $scope.followSameMonitor = ($stateParams.id == "0") ? "0" : "1";
+              var ld = NVRDataModel.getLogin();
 
-      var ld = NVRDataModel.getLogin();
-      var sl = 'disabled';
-      if (ld.showLiveForInProgressEvents) {
-        sl = 'enabled';
-      }
+            });
+        }
 
-      $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;
+        //--------------------------------------------------------
+        //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();
+          }
 
-          $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;
+        };
 
-    //--------------------------------------------------------
-    //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();
-    });
+        //--------------------------------------------------------
+        // 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
+          });
 
-    //--------------------------------------------------------
-    // used by infinite scrolling to see if we can get more
-    //--------------------------------------------------------
+        };
 
-    $scope.moreDataCanBeLoaded = function () {
-      return moreEvents;
-    };
+        //--------------------------------------------------------
+        // loads next page of events
+        //--------------------------------------------------------
 
-    //--------------------------------------------------------
-    // 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
-      });
+        function loadMore() {
+          // the events API does not return an error for anything
+          // except greater page limits than reported
 
-    };
+          // console.log("***** LOADING MORE INFINITE SCROLL ****");
+          eventsPage--;
+          if ((eventsPage <= 0) && (pageLoaded)) {
+            moreEvents = false;
+            //console.log("*** At Page " + eventsPage + ", not proceeding");
+            return;
+          }
 
-    //--------------------------------------------------------
-    // loads next page of events
-    //--------------------------------------------------------
+          if (!enableLoadMore) {
+            moreEvents = false; // Don't ion-scroll till enableLoadMore is true;
+            $scope.$broadcast('scroll.infiniteScrollComplete');
 
-    function loadMore() {
-      // the events API does not return an error for anything
-      // except greater page limits than reported
+            // console.log("**** LOADMORE ARTIFICALLY DISABLED");
+            return;
+          }
 
-      // console.log("***** LOADING MORE INFINITE SCROLL ****");
-      eventsPage--;
-      if ((eventsPage <= 0) && (pageLoaded)) {
-        moreEvents = false;
-        //console.log("*** At Page " + eventsPage + ", not proceeding");
-        return;
-      }
+          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>'
+            });
 
-      if (!enableLoadMore) {
-        moreEvents = false; // Don't ion-scroll till enableLoadMore is true;
-        $scope.$broadcast('scroll.infiniteScrollComplete');
+            loadingStr = "none";
+          }
 
-        // console.log("**** LOADMORE ARTIFICALLY DISABLED");
-        return;
-      }
+          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");
 
-      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>'
-        });
+          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;
 
-        loadingStr = "none";
-      }
+                for (var i = 0; i < myevents.length; i++) {
 
-      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");
+                  var idfound = true;
+                  var ld = NVRDataModel.getLogin();
 
-      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;
+                  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)) {
 
-            for (var i = 0; i < myevents.length; i++) {
+                        //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId);
+                        idfound = true;
 
-              var idfound = true;
-              var ld = NVRDataModel.getLogin();
+                        break;
+                      }
+                    }
+                  }
 
-              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.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
+                  myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
+                  // now construct base path
 
-                    //console.log ( $scope.monitors[ii].Monitor.Id + " MATCHES " + myevents[i].Event.MonitorId);
-                    idfound = true;
+                  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);
 
-                    break;
-                  }
-                }
-              }
+                  //  console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
 
-              myevents[i].Event.humanizeTime = humanizeTime(myevents[i].Event.StartTime);
-              myevents[i].Event.MonitorName = NVRDataModel.getMonitorName(myevents[i].Event.MonitorId);
-              // now construct base path
+                  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.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);
+                  // get thumbW/H
 
-              //  console.log ("***** MULTISERVER BASE URL FOR EVENTS " + myevents[i].Event.baseURL);
+                  var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
+                  if (tempMon != undefined) {
 
-              myevents[i].Event.ShowScrub = false;
-              myevents[i].Event.BasePath = computeBasePath(myevents[i]);
-              myevents[i].Event.relativePath = computeRelativePath(myevents[i]);
-              myevents[i].Event.height = eventsListDetailsHeight;
 
-              // get thumbW/H
+                    var mw = parseInt(tempMon.Monitor.Width);
+                    var mh = parseInt(tempMon.Monitor.Height);
+                    var mo = parseInt(tempMon.Monitor.Orientation);
 
-              var tempMon = NVRDataModel.getMonitorObject(myevents[i].Event.MonitorId);
-              if (tempMon != undefined) {
+                    myevents[i].Event.Rotation = '';
 
-              
-                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;
 
-               
-                var th = computeThumbnailSize(mw,mh,mo);
-              myevents[i].Event.thumbWidth = th.w;
-              myevents[i].Event.thumbHeight = th.h;
-               
-              }
+                  }
 
 
-              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 (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]);
-            }
+                  if (idfound) $scope.events.push(myevents[i]);
+                }
 
-            //console.log("Got new page of events");
-            moreEvents = true;
-            $scope.$broadcast('scroll.infiniteScrollComplete');
-          },
+                //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 (error) {
+                // console.log("*** No More Events to Load, Stop Infinite Scroll ****");
+                moreEvents = false;
+                $scope.$broadcast('scroll.infiniteScrollComplete');
 
-          });
-    }
+              });
+        }
 
-    $scope.loadMore = function () {
-      loadMore();
+        $scope.loadMore = function () {
+          loadMore();
 
-    };
+        };
 
 
-    function computeThumbnailSize(mw,mh, mo) {
+        function computeThumbnailSize(mw, mh, mo) {
 
-      var ratio = mw/mh;
-      var result = {w:0, h:0};
+          var ratio = mw / mh;
+          var result = {
+            w: 0,
+            h: 0
+          };
 
-      if (mo!=0) {
-        
-        var tmp = mw;
-        mw = mh;
-        mh = tmp;
-      }
+          if (mo != 0) {
 
-     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);
-
-    result.w = mw;
-    result.h = mh;
-    return result;
-
-    }
-
-    $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;
-
-      stream += NVRDataModel.insertBasicAuthToken();
-      return stream;
+            var tmp = mw;
+            mw = mh;
+            mh = tmp;
+          }
 
-    };
+          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);
 
-    $scope.constructScrubFrame = function (event, slide) {
+          result.w = mw;
+          result.h = mh;
+          return result;
 
-      var stream = "";
-      if (event.Event.imageMode == 'path') {
-        stream = event.Event.baseURL + "/index.php?view=image" +
-          "&path=" + event.Event.relativePath + slide.img + "&height=380";
+        }
 
-      } 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.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;
 
-      stream += NVRDataModel.insertBasicAuthToken();
+          stream += NVRDataModel.insertBasicAuthToken();
+          return stream;
 
+        };
 
-      return stream;
-    };
+        $scope.constructScrubFrame = function (event, slide) {
 
-    $scope.constructAlarmFrame = function (event, alarm, motion) {
-      var stream = "";
+          var stream = "";
+          if (event.Event.imageMode == 'path') {
+            stream = event.Event.baseURL + "/index.php?view=image" +
+              "&path=" + event.Event.relativePath + slide.img + "&height=380";
 
-      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 == 'fid') {
+            stream = event.Event.baseURL + "/index.php?view=image" +
+              "&fid=" + slide.id + $scope.outlineMotionParam;
+          }
+          if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
 
-      } 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";
+          stream += NVRDataModel.insertBasicAuthToken();
 
 
-      }
-      if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
-      stream += NVRDataModel.insertBasicAuthToken();
+          return stream;
+        };
 
-      return stream;
+        $scope.constructAlarmFrame = function (event, alarm, motion) {
+          var stream = "";
 
-    };
+          if (event.Event.imageMode == 'fid') {
+            stream = event.Event.baseURL +
+              "/index.php?view=image&fid=" + alarm.id;
+            if (motion) stream += $scope.outlineMotionParam;
 
-    $scope.toggleMinAlarmFrameCount = function () {
+          } 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";
 
-      var ld = NVRDataModel.getLogin();
 
-      console.log("Toggling " + ld.enableAlarmCount);
-      ld.enableAlarmCount = !ld.enableAlarmCount;
-      NVRDataModel.setLogin(ld);
-      $scope.loginData = NVRDataModel.getLogin();
-      doRefresh();
-    };
+          }
+          if ($rootScope.authSession != 'undefined') stream += $rootScope.authSession;
+          stream += NVRDataModel.insertBasicAuthToken();
 
-    //--------------------------------------
-    // formats events dates in a nice way
-    //---------------------------------------
+          return stream;
 
-    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();
+        };
 
-    }
+        $scope.toggleMinAlarmFrameCount = function () {
 
-    $scope.humanize = function (num) {
+          var ld = NVRDataModel.getLogin();
 
-      var min = Math.floor(num / 60);
-      var sec = Math.floor(num - min * 60);
-      stime = "";
-      if (min) stime += min + "m ";
+          console.log("Toggling " + ld.enableAlarmCount);
+          ld.enableAlarmCount = !ld.enableAlarmCount;
+          NVRDataModel.setLogin(ld);
+          $scope.loginData = NVRDataModel.getLogin();
+          doRefresh();
+        };
 
-      if (sec) stime += sec + "s";
-      return stime;
-    };
+        //--------------------------------------
+        // formats events dates in a nice way
+        //---------------------------------------
 
-    $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');
-    };
+        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();
 
-    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.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.humanize = function (num) {
 
-    $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');
-    };
+          var min = Math.floor(num / 60);
+          var sec = Math.floor(num - min * 60);
+          stime = "";
+          if (min) stime += min + "m ";
 
-    $scope.doRefresh = function () {
-      doRefresh();
-    }; //dorefresh
+          if (sec) stime += sec + "s";
+          return stime;
+        };
 
-    function doRefresh() {
-      // console.log("***Pull to Refresh");
+        $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');
+        };
 
-      NVRDataModel.debug("Reloading monitors");
-      var refresh = NVRDataModel.getMonitors(1);
-      refresh.then(function (data) {
-        $scope.monitors = data;
+        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 ld = NVRDataModel.getLogin();
-         if (ld.persistMontageOrder) {
-             var tempMon = data;
-             $scope.monitors = NVRDataModel.applyMontageMonitorPrefs(tempMon, 2)[0];
-         } else {
-             $scope.monitors = data;
-         }*/
+        $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());
+        };
 
-        getInitialEvents();
-        moreEvents = true;
+        $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.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');
+        };
+
+        $scope.doRefresh = function () {
+          doRefresh();
+        }; //dorefresh
+
+        function doRefresh() {
+          // console.log("***Pull to Refresh");
+
+          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;
+
+          });
+        }
 
-  }]);
+      }]);