Fix demo

demo.html

@@ -7,17 +7,24 @@
       height: 3px;
       background-color: #FFC01F;
     }
+    .pace-inactive {
+      display: none;
+    }
   </style>
 
+  <script>
+    paceOptions = {
+      elements: {
+        selectors: ['.x']
+      }
+    };
+  </script>
   <script src="pace.js"></script>
   <script>
     function load(time){
-      $.ajax({
-        url: "http://localhost:5646/" + time,
-        complete: function(){
-          console.log('done', arguments);
-        }
-      });
+      var x = new XMLHttpRequest()
+      x.open('GET', "http://localhost:5646/" + time, true);
+      x.send();
     };
 
     load(20);
@@ -28,8 +35,10 @@
 
 
     setTimeout(function(){
-      $('body').append($('<div class="x"></div>'));
-    }, 4000);
+      var el = document.createElement("div");
+      el.className = 'x';
+      document.body.appendChild(el);
+    }, 10000);
 
   </script>
 </head>

pace.coffee

@@ -93,9 +93,8 @@ getFromDOM = (key='options', json=true) ->
     console.error "Error parsing inline pace options", e
 
 window.Pace ?= {}
-Pace.options ?= {}
 
-options = extend Pace?.options, getFromDOM(), defaultOptions
+options = Pace.options = extend defaultOptions, window.paceOptions, getFromDOM()
 
 if domTheme = getFromDOM('theme', false)
   options.theme = domTheme
@@ -403,7 +402,7 @@ do init = ->
 
   for type in ['ajax', 'elements', 'document', 'eventLag']
     if options[type] isnt false
-      sources.push new ELEMENT_KEYS[type](options[type])
+      sources.push new SOURCE_KEYS[type](options[type])
 
   bar = new Bar
 
@@ -430,7 +429,7 @@ Pace.restart = ->
   Pace.stop()
   Pace.go()
 
-Page.go = ->
+Pace.go = ->
   bar.render()
 
   cancelAnimation = false