From ae30208b36c485a3390ed533ca7e76ffd037f612 Mon Sep 17 00:00:00 2001
From: thatcher <thatcher.christopher@gmail.com>
Date: Wed, 30 Jan 2013 17:10:16 -0500
Subject: [PATCH] fixing example image paths with prefixUrl

---
 www/developer-debug-mode.html      |  2 +-
 www/index.html                     |  2 +-
 www/overlay-highlights.html        |  2 +-
 www/tilesource-collection.html     |  2 +-
 www/tilesource-custom.html         | 30 ++++++++++++++++++++----------
 www/tilesource-dzi.html            |  8 ++++----
 www/tilesource-legacy.html         |  8 ++++----
 www/tilesource-sequence.html       |  8 ++++----
 www/ui-binding-custom-buttons.html |  2 +-
 www/ui-reference-strip.html        |  4 ++--
 www/ui-toolbar.html                |  2 +-
 www/ui-viewport-navigator.html     |  2 +-
 12 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/www/developer-debug-mode.html b/www/developer-debug-mode.html
index f18634dc..a3833acb 100644
--- a/www/developer-debug-mode.html
+++ b/www/developer-debug-mode.html
@@ -19,7 +19,7 @@
     // Example
     OpenSeadragon({
         id:              "contentDiv",
-        prefixUrl:       "/openseadragon/",
+        prefixUrl:       "/openseadragon/images/",
         tileSources:     "/openseadragon/examples/images/highsmith/highsmith.js",
         showNavigator:   false, 
         debugMode:       true
diff --git a/www/index.html b/www/index.html
index 52a39bdc..0ec24ab5 100644
--- a/www/index.html
+++ b/www/index.html
@@ -18,7 +18,7 @@
     // Example
     OpenSeadragon({
         id:              "contentDiv",
-        prefixUrl:       "/openseadragon/",
+        prefixUrl:       "/openseadragon/images/",
         tileSources:     "/openseadragon/examples/images/highsmith/highsmith.js"
     });
 </script>
\ No newline at end of file
diff --git a/www/overlay-highlights.html b/www/overlay-highlights.html
index 7c36dc46..9a0856e5 100644
--- a/www/overlay-highlights.html
+++ b/www/overlay-highlights.html
@@ -31,7 +31,7 @@
 <script type="text/javascript">
     OpenSeadragon({
         id:            "contentDiv",
-        prefixUrl:     "/openseadragon",
+        prefixUrl:     "/openseadragon/images/",
         tileSources:   "/openseadragon/examples/images/highsmith/highsmith.dzi",
         toolbar:       "toolbarDiv",
         showNavigator: true,
diff --git a/www/tilesource-collection.html b/www/tilesource-collection.html
index e9419dec..32833f8c 100644
--- a/www/tilesource-collection.html
+++ b/www/tilesource-collection.html
@@ -44,7 +44,7 @@ OpenSeadragon({
 <script type="text/javascript">
     var viewer = OpenSeadragon({
         id:                 "example-tilesource-collection",
-        prefixUrl:          "/openseadragon",
+        prefixUrl:          "/openseadragon/images/",
         //debugMode:          true,
         showNavigator:      false,
         minPixelRatio:      0.0,
diff --git a/www/tilesource-custom.html b/www/tilesource-custom.html
index b5e0f424..896a7d79 100644
--- a/www/tilesource-custom.html
+++ b/www/tilesource-custom.html
@@ -58,7 +58,7 @@
     <script>
     OpenSeadragon({
         id:                 "example-custom-tilesource",
-        prefixUrl:          "/openseadragon",
+        prefixUrl:          "/openseadragon/images/",
         navigatorSizeRatio: 0.25,
         wrapHorizontal:     true,
         tileSources:   {
@@ -88,28 +88,38 @@
     </p>
     <pre>
     OpenSeadragon({
-        id:            "example2-custom-tilesource",
-        prefixUrl:     "/openseadragon",
-        navigatorSizeRatio: 0.25,
+        ...
+        showNavigator:      false,
+        blendTime:          0,
+        alwaysBlend:        false,
+        wrapHorizontal:     true,
         tileSources:   {
-            height: 512*256,
-            width:  512*256,
+            height: 1024*256,
+            width:  1024*256,
             tileSize: 256,
-            minLevel: 8,
+            minLevel: 9,
             getTileUrl: function( level, x, y ){
-                return "http://s3.amazonaws.com/com.modestmaps.bluemarble/"+(level-8)+"-r"+x+"-c"+y+".jpg";
+
+                function zeropad( i ) {
+                    var n = String( i ),
+                        m = 6 - n.length;
+                    n = (m < 1) ? n : new Array(m + 1).join( "0" ) + n;
+                    return n.substr(0, 3) + "/" + n.substr(3);
+                };
+
+                return "http://s3.amazonaws.com/info.aaronland.tiles.shapetiles/"+(level-8)+"/"+zeropad(x)+"/"+zeropad(y)+".png";
             }
         }
+        ...
     });
     </pre>
     <script>
     OpenSeadragon({
         id:                 "example2-custom-tilesource",
-        prefixUrl:          "/openseadragon",
+        prefixUrl:          "/openseadragon/images/",
         showNavigator:      false,
         blendTime:          0,
         alwaysBlend:        false,
-        //immediateRender:    true,
         wrapHorizontal:     true,
         tileSources:   {
             height: 1024*256,
diff --git a/www/tilesource-dzi.html b/www/tilesource-dzi.html
index 27ae33af..18499426 100644
--- a/www/tilesource-dzi.html
+++ b/www/tilesource-dzi.html
@@ -32,7 +32,7 @@
         <script type="text/javascript">
             OpenSeadragon({
                 id:            "example-xmlhttprequest-for-dzi",
-                prefixUrl:     "/openseadragon",
+                prefixUrl:     "/openseadragon/images/",
                 tileSources:   "/openseadragon/examples/images/highsmith/highsmith.dzi",
                 showNavigator:  true
             });
@@ -102,7 +102,7 @@ OpenSeadragon({
         <script type="text/javascript">
             OpenSeadragon({
                 id:            "example-jsonprequest-for-dzi-jsonp",
-                prefixUrl:     "/openseadragon",
+                prefixUrl:     "/openseadragon/images/",
                 tileSources:   "/openseadragon/examples/images/highsmith/highsmith.js",
                 showNavigator:  true
             });
@@ -188,7 +188,7 @@ OpenSeadragon({
 <script type="text/javascript">
     OpenSeadragon({
         id:            "example-inline-configuration-for-dzi",
-        prefixUrl:     "/openseadragon",
+        prefixUrl:     "/openseadragon/images/",
         showNavigator:  true,
         tileSources:   {
             Image: {
@@ -218,7 +218,7 @@ OpenSeadragon({
         <script type="text/javascript">
             OpenSeadragon({
                 id:            "example-wide-dzi",
-                prefixUrl:     "/openseadragon",
+                prefixUrl:     "/openseadragon/images/",
                 tileSources:   "/openseadragon/examples/images/pnp/pan/6a32000/6a32400/6a32487.dzi"
             });
         </script>
diff --git a/www/tilesource-legacy.html b/www/tilesource-legacy.html
index 910da498..a1cc0b7f 100644
--- a/www/tilesource-legacy.html
+++ b/www/tilesource-legacy.html
@@ -27,7 +27,7 @@
         <script type="text/javascript">
             OpenSeadragon({
                 id:            "example-xmlhttprequest",
-                prefixUrl:     "/openseadragon",
+                prefixUrl:     "/openseadragon/images/",
                 tileSources:   "/openseadragon/examples/images/rbc/rbc0001/2003/rosen.xml",
                 showNavigator:  true
             });
@@ -109,7 +109,7 @@ OpenSeadragon({
         <script type="text/javascript">
             OpenSeadragon({
                 id:            "example-jsonprequest",
-                prefixUrl:     "/openseadragon",
+                prefixUrl:     "/openseadragon/images/",
                 tileSources:   "/openseadragon/examples/images/rbc/rbc0001/2003/rosen.js",
                 showNavigator:  true
             });
@@ -173,7 +173,7 @@ OpenSeadragon({
     // Example
     OpenSeadragon({
         id: "inline-configuration",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         tileSources: {
             type: 'legacy-image-pyramid',
@@ -243,7 +243,7 @@ OpenSeadragon({
     // Example
     OpenSeadragon({
         id: "aspect-ratio",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         tileSources: {
             type: 'legacy-image-pyramid',
diff --git a/www/tilesource-sequence.html b/www/tilesource-sequence.html
index 778942a7..9cac1462 100644
--- a/www/tilesource-sequence.html
+++ b/www/tilesource-sequence.html
@@ -47,7 +47,7 @@
     // Example
     OpenSeadragon({
         id: "contentDiv1",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         tileSources: [{
             type: 'legacy-image-pyramid',
@@ -487,7 +487,7 @@
     // Example
     OpenSeadragon({
         id: "contentDiv2",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         defaultZoomLevel: 1.05,
         tileSources: [
@@ -507,7 +507,7 @@
     // Example
     OpenSeadragon({
         id: "contentDiv3",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         preserveViewport: true,
         tileSources: [{
@@ -585,7 +585,7 @@
     // Example
     OpenSeadragon({
         id: "contentDiv4",
-        prefixUrl: '/openseadragon',
+        prefixUrl: "/openseadragon/images/",
         showNavigator: true,
         tileSources: [{
             type: 'legacy-image-pyramid',
diff --git a/www/ui-binding-custom-buttons.html b/www/ui-binding-custom-buttons.html
index 7b97155e..95e783cd 100644
--- a/www/ui-binding-custom-buttons.html
+++ b/www/ui-binding-custom-buttons.html
@@ -36,7 +36,7 @@
 
     OpenSeadragon({
         id:             "contentDiv",
-        prefixUrl:      "/openseadragon",
+        prefixUrl:      "/openseadragon/images/",
         toolbar:        "toolbarDiv",
         zoomInButton:   "zoom-in",
         zoomOutButton:  "zoom-out",
diff --git a/www/ui-reference-strip.html b/www/ui-reference-strip.html
index b73540a9..1e3a2844 100644
--- a/www/ui-reference-strip.html
+++ b/www/ui-reference-strip.html
@@ -19,7 +19,7 @@
 
     OpenSeadragon({
         id:             "contentDiv",
-        prefixUrl:      "/openseadragon",
+        prefixUrl:      "/openseadragon/images/",
         showReferenceStrip:  true,
         tileSources:    [{
             type: 'legacy-image-pyramid',
@@ -106,7 +106,7 @@ The relevant configuration options are shown below.
 <script type="text/javascript">
     OpenSeadragon({
         id:            "contentDiv2",
-        prefixUrl:     "/openseadragon",
+        prefixUrl:     "/openseadragon/images/",
         toolbar:       "toolbarDiv",
         springStiffness:        10,
         showReferenceStrip:     true,
diff --git a/www/ui-toolbar.html b/www/ui-toolbar.html
index 03ed33aa..ea49fdc7 100644
--- a/www/ui-toolbar.html
+++ b/www/ui-toolbar.html
@@ -25,7 +25,7 @@
 <script type="text/javascript">
     OpenSeadragon({
         id:            "contentDiv",
-        prefixUrl:     "/openseadragon",
+        prefixUrl:     "/openseadragon/images/",
         tileSources:   "/openseadragon/examples/images/highsmith/highsmith.dzi",
         toolbar:       "toolbarDiv",
         showNavigator: true
diff --git a/www/ui-viewport-navigator.html b/www/ui-viewport-navigator.html
index 924257ac..83fef30c 100644
--- a/www/ui-viewport-navigator.html
+++ b/www/ui-viewport-navigator.html
@@ -20,7 +20,7 @@
 <script type="text/javascript">
     OpenSeadragon({
         id:            "contentDiv",
-        prefixUrl:     "/openseadragon",
+        prefixUrl:     "/openseadragon/images/",
         tileSources:   "/openseadragon/examples/images/highsmith/highsmith.dzi",
         showNavigator:  true
     });