From 93233f255ec8abf0a24bbb87bc8effa1070ff037 Mon Sep 17 00:00:00 2001
From: Andy Gup <agup2001@msn.com>
Date: Tue, 10 Jun 2014 10:48:36 -0600
Subject: [PATCH] online/offline detection working

---
 samples/test2.html | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/samples/test2.html b/samples/test2.html
index ed7005b..765d4f8 100644
--- a/samples/test2.html
+++ b/samples/test2.html
@@ -60,7 +60,19 @@
         }
     </style>
 
+    <script src="../vendor/offline/offline.min.js"></script>
     <script>
+        Offline.options = {
+            checks: {
+                image: {
+                    url: function() {
+                        return 'http://esri.github.io/offline-editor-js/tiny-image.png?_=' + (Math.floor(Math.random() * 1000000000));
+                    }
+                },
+                active: 'image'
+            }
+        }
+
         var locationPath = location.pathname.replace(/\/[^/]+$/, "");
         var dojoConfig = {
             paths: {
@@ -132,6 +144,13 @@
                 })
 
                 function startMap(){
+
+                    //Make sure map shows up after a browser refresh
+                    Offline.check();
+                    Offline.on('up', goOnline);
+                    Offline.on('down', goOffline);
+                    Offline.state === 'up' ? zoom = 18 : zoom = 17;
+
                     tileLayer = new OfflineTilesEnabler("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer",function(evt){
                         console.log("Tile Layer Loaded.");
                     },true);
@@ -240,6 +259,14 @@
                  * ************************************
                  */
 
+                function goOnline(){
+                    console.log("Online");
+                }
+
+                function goOffline(){
+                    console.log("Offline");
+                }
+
                 /**
                  * For internal use - detecting amount of storage used and number of tiles stored.
                  */