From cbffe78e2c940484687fe362f47a3d44a2a7a49c Mon Sep 17 00:00:00 2001
From: Billy Lamberta <billy@lamberta.org>
Date: Mon, 4 Oct 2010 15:20:39 -0400
Subject: [PATCH] Added css link to droid sans mono font. Added some test
 examples to display.

---
 doc/api/display.html         | 18 +++++++++++++++---
 doc/api/elementnode.html     |  5 +++--
 doc/api/event.html           |  1 +
 doc/api/eventdispatcher.html |  1 +
 doc/api/gradienttype.html    |  1 +
 doc/api/keyboard.html        |  1 +
 doc/api/keyboardevent.html   |  1 +
 doc/api/layer.html           |  5 +++--
 doc/api/linecap.html         |  1 +
 doc/api/linejoin.html        |  1 +
 doc/api/matrix.html          |  1 +
 doc/api/mouseevent.html      |  1 +
 doc/api/node.html            |  1 +
 doc/api/pattern.html         |  1 +
 doc/api/point.html           |  1 +
 doc/api/rectangle.html       |  1 +
 doc/api/sprite.html          |  1 +
 doc/api/textevent.html       |  1 +
 doc/api/touchevent.html      |  5 +++--
 doc/api/uievent.html         |  1 +
 doc/api/utils-types.html     |  1 +
 doc/api/utils.html           |  1 +
 src/display.js               |  7 +++++++
 src/elementnode.js           |  6 +++---
 24 files changed, 52 insertions(+), 12 deletions(-)

diff --git a/doc/api/display.html b/doc/api/display.html
index 2cba0ce..2a1a28e 100644
--- a/doc/api/display.html
+++ b/doc/api/display.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Display</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
@@ -70,7 +71,18 @@ <h3>Throws</h3>
 <li>SyntaxError &#8211; </li>
 </ul>
 
-
+<h3>Examples</h3>
+<ul>
+<li>
+<samp>
+var display = doodle.Display;<br/> display.width = 400;
+</samp>
+</li>
+<li>
+<samp>
+var display = doodle.Display(function () {<br/> &nbsp; this.width = 400;<br/> });
+</samp>
+</li>
 </details>
 </dd>
 </dl>
@@ -295,7 +307,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -304,7 +316,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>
diff --git a/doc/api/elementnode.html b/doc/api/elementnode.html
index ef4abf8..7a74dc5 100644
--- a/doc/api/elementnode.html
+++ b/doc/api/elementnode.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: ElementNode</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
@@ -131,7 +132,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -140,7 +141,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>
diff --git a/doc/api/event.html b/doc/api/event.html
index 860b978..251d6ef 100644
--- a/doc/api/event.html
+++ b/doc/api/event.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Event</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/eventdispatcher.html b/doc/api/eventdispatcher.html
index 848a882..551fb97 100644
--- a/doc/api/eventdispatcher.html
+++ b/doc/api/eventdispatcher.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: EventDispatcher</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/gradienttype.html b/doc/api/gradienttype.html
index 94f8891..bf7f3a5 100644
--- a/doc/api/gradienttype.html
+++ b/doc/api/gradienttype.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: GradientType</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/keyboard.html b/doc/api/keyboard.html
index 0deca0d..2da9515 100644
--- a/doc/api/keyboard.html
+++ b/doc/api/keyboard.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Keyboard</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/keyboardevent.html b/doc/api/keyboardevent.html
index 4c72780..895076e 100644
--- a/doc/api/keyboardevent.html
+++ b/doc/api/keyboardevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: KeyboardEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/layer.html b/doc/api/layer.html
index 694a6a6..6a8b14c 100644
--- a/doc/api/layer.html
+++ b/doc/api/layer.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Layer</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
@@ -135,7 +136,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -144,7 +145,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>
diff --git a/doc/api/linecap.html b/doc/api/linecap.html
index f19ac08..0b7bae4 100644
--- a/doc/api/linecap.html
+++ b/doc/api/linecap.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: LineCap</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/linejoin.html b/doc/api/linejoin.html
index 07e2b1c..2743974 100644
--- a/doc/api/linejoin.html
+++ b/doc/api/linejoin.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: LineJoin</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/matrix.html b/doc/api/matrix.html
index 8e63846..72aec6f 100644
--- a/doc/api/matrix.html
+++ b/doc/api/matrix.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Matrix</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/mouseevent.html b/doc/api/mouseevent.html
index f74ac8d..7466807 100644
--- a/doc/api/mouseevent.html
+++ b/doc/api/mouseevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: MouseEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/node.html b/doc/api/node.html
index 9084128..c672a47 100644
--- a/doc/api/node.html
+++ b/doc/api/node.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Node</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/pattern.html b/doc/api/pattern.html
index f74ed4f..52a4210 100644
--- a/doc/api/pattern.html
+++ b/doc/api/pattern.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Pattern</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/point.html b/doc/api/point.html
index 99c5206..df92a6e 100644
--- a/doc/api/point.html
+++ b/doc/api/point.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Point</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/rectangle.html b/doc/api/rectangle.html
index 5d45c4d..4d10af4 100644
--- a/doc/api/rectangle.html
+++ b/doc/api/rectangle.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Rectangle</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/sprite.html b/doc/api/sprite.html
index 6fa79de..5bf6d7d 100644
--- a/doc/api/sprite.html
+++ b/doc/api/sprite.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Sprite</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/textevent.html b/doc/api/textevent.html
index a54d5a2..b7ca854 100644
--- a/doc/api/textevent.html
+++ b/doc/api/textevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: TextEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/touchevent.html b/doc/api/touchevent.html
index 9db142f..abf2868 100644
--- a/doc/api/touchevent.html
+++ b/doc/api/touchevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: TouchEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
@@ -41,7 +42,7 @@ <h1>doodle.TouchEvent</h1>
 <section>
 <h2>Description:</h2>
 <dl>
-<dt><dfn>TouchEvent</dfn> (type:String, bubbles:Boolean, cancelable:Boolean, view:DOM Object, detail:Number, screenX:Number, screenY:Number, clientX:Number, clientY:Number, ctrlKey:Boolean, altKey:Boolean, shiftKey:Boolean, metaKey:Boolean, touches:Array, targetTouches:Array, changedTouches:Array, scale:Number, rotation:Number) :TouchEvent</dt>
+<dt><dfn>TouchEvent</dfn> (type:String, bubbles:Boolean, cancelable:Boolean, view:HTMLElement, detail:Number, screenX:Number, screenY:Number, clientX:Number, clientY:Number, ctrlKey:Boolean, altKey:Boolean, shiftKey:Boolean, metaKey:Boolean, touches:Array, targetTouches:Array, changedTouches:Array, scale:Number, rotation:Number) :TouchEvent</dt>
 <dd>
 <p></p>
 <details>
@@ -58,7 +59,7 @@ <h3>Parameters</h3>
 <li>type:String &#8211; </li>
 <li>bubbles:Boolean &#8211; </li>
 <li>cancelable:Boolean &#8211; </li>
-<li>view:DOM Object &#8211; </li>
+<li>view:HTMLElement &#8211; </li>
 <li>detail:Number &#8211; </li>
 <li>screenX:Number &#8211; </li>
 <li>screenY:Number &#8211; </li>
diff --git a/doc/api/uievent.html b/doc/api/uievent.html
index 4ef8380..3b4dc74 100644
--- a/doc/api/uievent.html
+++ b/doc/api/uievent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: UIEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/utils-types.html b/doc/api/utils-types.html
index 16f2666..b4e8940 100644
--- a/doc/api/utils-types.html
+++ b/doc/api/utils-types.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: utils.types</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/doc/api/utils.html b/doc/api/utils.html
index 8c63381..026d22a 100644
--- a/doc/api/utils.html
+++ b/doc/api/utils.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: utils</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
diff --git a/src/display.js b/src/display.js
index 887920c..e770239 100644
--- a/src/display.js
+++ b/src/display.js
@@ -42,6 +42,13 @@
    * @return {Display}
    * @throws {TypeError} Must be a block style element.
    * @throws {SyntaxError}
+   * @example
+   *   var display = doodle.Display;<br/>
+   *   display.width = 400;
+   * @example
+   *   var display = doodle.Display(function () {<br/>
+   *   &nbsp; this.width = 400;<br/>
+   *   });
    */
   doodle.Display = function (element) {
     var display,
diff --git a/src/elementnode.js b/src/elementnode.js
index a8824ac..037c557 100644
--- a/src/elementnode.js
+++ b/src/elementnode.js
@@ -22,7 +22,7 @@
   /**
    * @class ElementNode
    * @param {HTMLElement|Function} element
-	 * @param {String} id
+   * @param {String} id
    * @return {ElementNode}
    * @throws {SyntaxError}
    */
@@ -198,7 +198,7 @@
 
         /**
          * @name backgroundImage
-         * @return {HTMLImage}
+         * @return {HTMLImageElement}
          * @throws {TypeError}
          * @property
          */
@@ -328,7 +328,7 @@
          * @param {HTMLElement} elementArg
          * @return {Rectangle} Rectangle object is reused for each call.
          * @throws {TypeError} targetCoordSpace must inherit from Node.
-				 * @override
+         * @override
          * @private
          */
         '__getBounds': {