diff --git a/source/Ox/js/DOM.js b/source/Ox/js/DOM.js
index e1590278..9d946164 100644
--- a/source/Ox/js/DOM.js
+++ b/source/Ox/js/DOM.js
@@ -1,59 +1,5 @@
 'use strict';
 
-/*@
-Ox.canvas <function> Generic canvas object
-    # Description --------------------------------------------------------------
-    Returns an object with the properties: <code>canvas</code>,
-    <code>context</code>, <code>data</code> and <code>imageData</code>.
-    # Usage --------------------------------------------------------------------
-    Ox.canvas(width, height) -> <object> canvas
-    Ox.canvas(image)         -> <object> canvas
-    # Arguments ----------------------------------------------------------------
-    width  <n> Width in px
-    height <n> Height in px
-    image  <e> Image object
-@*/
-
-Ox.canvas = function() {
-    var c = {}, isImage = arguments.length == 1,
-        image = isImage ? arguments[0] : {
-            width: arguments[0], height: arguments[1]
-        };
-    c.context = (c.canvas = Ox.$('<canvas>').attr({
-        width: image.width, height: image.height
-    })[0]).getContext('2d');
-    isImage && c.context.drawImage(image, 0, 0);
-    c.data = (c.imageData = c.context.getImageData(
-        0, 0, image.width, image.height
-    )).data;
-    return c;
-};
-
-/*@
-Ox.documentReady <function> Calls a callback function once the DOM is ready
-    (callback) -> <b> If true, the document was ready
-    callback <f> Callback function
-@*/
-Ox.documentReady = (function() {
-    var callbacks = [];
-    document.onreadystatechange = function() {
-        if (document.readyState == 'complete') {
-            callbacks.forEach(function(callback) {
-                callback();
-            });
-        }
-    };
-    return function(callback) {
-        if (document.readyState == 'complete') {
-            callback();
-            return true;
-        } else {
-            callbacks.push(callback);
-            return false;
-        }
-    };
-}());
-
 /*@
 Ox.$ <f> Generic HTML element, mimics jQuery
     (str) -> <o> Element object
@@ -325,3 +271,57 @@ Ox.$ = Ox.element = function(value) {
         }
     } : null;
 };
+
+/*@
+Ox.canvas <function> Generic canvas object
+    # Description --------------------------------------------------------------
+    Returns an object with the properties: <code>canvas</code>,
+    <code>context</code>, <code>data</code> and <code>imageData</code>.
+    # Usage --------------------------------------------------------------------
+    Ox.canvas(width, height) -> <object> canvas
+    Ox.canvas(image)         -> <object> canvas
+    # Arguments ----------------------------------------------------------------
+    width  <n> Width in px
+    height <n> Height in px
+    image  <e> Image object
+@*/
+
+Ox.canvas = function() {
+    var c = {}, isImage = arguments.length == 1,
+        image = isImage ? arguments[0] : {
+            width: arguments[0], height: arguments[1]
+        };
+    c.context = (c.canvas = Ox.$('<canvas>').attr({
+        width: image.width, height: image.height
+    })[0]).getContext('2d');
+    isImage && c.context.drawImage(image, 0, 0);
+    c.data = (c.imageData = c.context.getImageData(
+        0, 0, image.width, image.height
+    )).data;
+    return c;
+};
+
+/*@
+Ox.documentReady <function> Calls a callback function once the DOM is ready
+    (callback) -> <b> If true, the document was ready
+    callback <f> Callback function
+@*/
+Ox.documentReady = (function() {
+    var callbacks = [];
+    document.onreadystatechange = function() {
+        if (document.readyState == 'complete') {
+            callbacks.forEach(function(callback) {
+                callback();
+            });
+        }
+    };
+    return function(callback) {
+        if (document.readyState == 'complete') {
+            callback();
+            return true;
+        } else {
+            callbacks.push(callback);
+            return false;
+        }
+    };
+}());