Trying to force external links to open in an external webkit.

index.html

@@ -45,7 +45,7 @@ <h2>About Meow Reader</h2>
 
     <div class="screen hidden" id="about_app">
       <h2>About this App</h2>
-      <p>This mobile application was written by <a href="http://stungeye.com" target="_blank">Kyle Geske</a> using HTML5 and <a href="http://phonegap.com" target="_blank">Phonegap</a>.</p>
+      <p>This mobile application was written by <a href="http://stungeye.com" target="_blank">Kyle Geske</a> using HTML5 and <a href="http://phonegap.com" target="_blank" rel="external">Phonegap</a>.</p>
       <ul>
 	<li><a href="mobilehtml5.stungeye.com" target="_blank" rel="external">How This App was Written</a></li>
 	<li><a href="https://github.com/stungeye/HTML5-Tumblr-Mobile-App" target="_blank" rel="external">App Source Code on Github</a></li>

js/main.js

@@ -17,6 +17,16 @@ document.addEventListener("DOMContentLoaded", function() {
 
 });
 
+document.addEventListener("deviceready", phonegap_init, false);
+
+function phonegap_init() {
+  [].forEach.call(document.querySelectorAll("a[target=_blank][rel=external]"), function(el) {
+    set_click(el, function(e) {
+      navigator.app.loadUrl(e.getAttribute('href'));
+    });
+  }
+}
+
 // This callback function is called by the JSONP response of the Tumblr API
 // request made in the script element below this one.
 function load_images(json) {