Load scripts synchronously

External scripts were being asynchronously loaded as part of the new
page being loaded. This could break inlined scripts that depended on
such scripts.

See original dieulot/instantclick#85 for
details

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "trueinstantclick",
   "description": "TrueInstantClick makes following links in your website instant.",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "main": [
     "./trueinstantclick.js"
   ],

trueinstantclick.js

@@ -174,6 +174,41 @@ var InstantClick = function(document, location) {
 
     ////////// MAIN FUNCTIONS //////////
 
+    function syncload(scripts, i) {
+        var script,
+            copy,
+            parentNode,
+            nextSibling;
+        if (i < scripts.length) {
+            script = scripts[i];
+            if (script.hasAttribute('data-no-instant')) {
+                syncload(scripts, i + 1);
+                return;
+            }
+            copy = document.createElement('script');
+            if (script.src) {
+                copy.src = script.src;
+            }
+            if (script.innerHTML) {
+                copy.innerHTML = script.innerHTML;
+            }
+            parentNode = script.parentNode;
+            nextSibling = script.nextSibling;
+            parentNode.removeChild(script);
+            parentNode.insertBefore(copy, nextSibling);
+            // real browsers:
+            copy.onload = function() {
+                syncload(scripts, i + 1);
+            };
+            // internet explorer:
+            copy.onreadystatechange = function() {
+                if (this.readyState == 'complete') {
+                    syncload(scripts, i + 1);
+                }
+            }
+        }
+    }
+
     function instantanize(isInitializing) {
         var as = document.getElementsByTagName('a'),
             a,
@@ -194,26 +229,7 @@ var InstantClick = function(document, location) {
             a.addEventListener('click', click);
         }
         if (!isInitializing) {
-            var scripts = document.body.getElementsByTagName('script'),
-                script,
-                copy,
-                parentNode,
-                nextSibling;
-
-            for (i = 0, j = scripts.length; i < j; i++) {
-                script = scripts[i];
-                copy = document.createElement('script');
-                if (script.src) {
-                    copy.src = script.src;
-                }
-                if (script.innerHTML) {
-                    copy.innerHTML = script.innerHTML;
-                }
-                parentNode = script.parentNode;
-                nextSibling = script.nextSibling;
-                parentNode.removeChild(script);
-                parentNode.insertBefore(copy, nextSibling);
-            }
+            syncload(document.body.getElementsByTagName('script'), 0);
         }
     }