Move ios stuff to a js include and use on stop page too. Add ios home…

… screen web app link fix

static/mobile.js

@@ -0,0 +1,30 @@
+// Hide address bar on iOS
+window.addEventListener("load",function() {
+setTimeout(function () {
+    window.scrollTo(0, 1);
+}, 0);
+});
+
+// Mobile Safari in standalone mode
+if(("standalone" in window.navigator) && window.navigator.standalone){
+
+	// If you want to prevent remote links in standalone web apps opening Mobile Safari, change 'remotes' to true
+	var noddy, remotes = false;
+
+	document.addEventListener('click', function(event) {
+
+		noddy = event.target;
+
+		// Bubble up until we hit link or top HTML element. Warning: BODY element is not compulsory so better to stop on HTML
+		while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") {
+	        noddy = noddy.parentNode;
+	    }
+
+		if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes))
+		{
+			event.preventDefault();
+			document.location.href = noddy.href;
+		}
+
+	},false);
+}

templates/index.erb

@@ -7,7 +7,8 @@
   <title><% if @search_results %>Search Buses Live!<% else %>Buses Live!<% end %></title>
   <meta name="viewport" content="width=device-width">
   <meta name="apple-mobile-web-app-capable" content="yes" />
-<link rel="stylesheet" href="/style.css" type="text/css">
+  <link rel="stylesheet" href="/style.css" type="text/css">
+  <script src="/mobile.js"></script>
 </head>
 
 <p class="instruction">Search for a bus stop name here, or try <a href="/nearby">autolocation</a>.</p>
@@ -48,13 +49,5 @@
   </table>
 <% end %>
 
-<script>
-  // Hide address bar on iOS
-  window.addEventListener("load",function() {
-    setTimeout(function () {
-      window.scrollTo(0, 1);
-    }, 0);
-  });
-</script>
 </body>
 </html>

templates/stop.erb

@@ -54,6 +54,7 @@
      poll()
    });
   </script>
+  <script src="/mobile.js"></script>
   <link rel="apple-touch-icon" href="http://colour.abscond.org/<%= Digest::MD5.hexdigest(@stop["smsCode"])[0..5] %>.png" />
 </head>