Added scriptManager object to ensure scripts load in the correct order

Author: fblundun

examples/web/async.html

@@ -20,18 +20,54 @@
     <!-- Snowplow starts plowing -->
     <script type="text/javascript">
 
+        window.scriptManager = (function() {
+
+          scriptQueue = [];
+
+          function enqueueScript(src, namespace) {
+            scriptQueue.push([src, namespace]);
+            if (scriptQueue.length === 1) {
+              dealWithNextScript();
+            }
+          }
+
+          function dealWithNextScript() {
+            if (scriptQueue.length > 0) {
+              var newScript = document.createElement('script');
+              var initialScript = document.getElementsByTagName('script')[0];
+              newScript.async = 1;
+              newScript.onload = function() {
+                scriptQueue.shift();
+                dealWithNextScript();
+              }
+              newScript.onerror = function() {
+                scriptQueue.shift();
+                dealWithNextScript();
+              }
+              newScript.src = scriptQueue[0][0];
+              initialScript.parentNode.insertBefore(newScript,initialScript);
+            }
+          }
+
+          return {
+            enqueueScript: enqueueScript
+          }
+
+        }());
+
         ;(function(p,l,o,w,i,n,g) {
           p['GlobalSnowplowNamespace'] = p['GlobalSnowplowNamespace']||[];
           p['GlobalSnowplowNamespace'].push(i);
           p[i] = p[i] || function() {
             (p[i].q = p[i].q||[]).push(arguments);
           };
           p[i].q = p[i].q || [];
-          n = l.createElement(o);
+          scriptManager.enqueueScript(w, i);
+          /*n = l.createElement(o);
           g = l.getElementsByTagName(o)[0];
           n.async = 1;
           n.src = w;
-          g.parentNode.insertBefore(n,g);
+          g.parentNode.insertBefore(n,g);*/
         }(window, document, 'script', '../../dist/snowplow.js', 'new_name_here'));
 
         window.new_name_here('newTracker', 'primaryTrackerNamespace', 'd3rkrsqld9gmqf.cloudfront.net'); 
@@ -66,7 +102,7 @@
     <script type="text/javascript">
 
         function playMix() {
-            alert("Playing a DJ mix"); console.log(window.new_name_here.q)
+            alert("Playing a DJ mix");
             window.new_name_here('trackStructEvent', 'Mixes', 'Play', 'MRC/fabric-0503-mix', '', '0.0');
         }
         function addProduct() {