diff --git a/app/css/main.css b/app/css/main.css
index abd3dac..5422249 100644
--- a/app/css/main.css
+++ b/app/css/main.css
@@ -123,3 +123,13 @@ select{
 .bg-openbuilds {
   background-color: rgb(74, 78, 81) !important;
 }
+
+.keyboardpanel td:nth-child(1){
+  width: 60px;
+  height: 60px;
+}
+
+.keyboardpanel td:nth-child(2){
+  width: 60px;
+  height: 60px;
+}
diff --git a/app/img/keyboard.svg b/app/img/keyboard.svg
new file mode 100644
index 0000000..277b510
--- /dev/null
+++ b/app/img/keyboard.svg
@@ -0,0 +1,186 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg1901"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
+   sodipodi:docname="keyboard.svg"
+   x="0px"
+   y="0px"
+   width="53.417px"
+   height="53.99px"
+   viewBox="346.5 473.844 53.417 53.99"
+   enable-background="new 346.5 473.844 53.417 53.99"
+   xml:space="preserve"><metadata
+   id="metadata40"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata>
+<sodipodi:namedview
+   id="namedview1769"
+   showgrid="false"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   inkscape:cy="23.504242"
+   guidetolerance="10"
+   inkscape:cx="15.478776"
+   gridtolerance="10"
+   inkscape:zoom="5.0346668"
+   objecttolerance="10"
+   borderopacity="1"
+   inkscape:current-layer="layer2"
+   inkscape:window-y="-8"
+   inkscape:window-x="-8"
+   inkscape:snap-grids="true"
+   inkscape:window-height="1018"
+   inkscape:window-width="1920"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0"
+   inkscape:window-maximized="1">
+	<inkscape:grid
+   type="xygrid"
+   id="grid4583" />
+</sodipodi:namedview>
+<defs
+   id="defs5">
+	
+	
+		<inkscape:perspective
+   id="perspective1773"
+   inkscape:persp3d-origin="750 : 250 : 1"
+   inkscape:vp_z="1500 : 375 : 1"
+   inkscape:vp_y="0 : 1000 : 0"
+   inkscape:vp_x="0 : 375 : 1"
+   sodipodi:type="inkscape:persp3d">
+		</inkscape:perspective>
+</defs>
+<g
+   id="layer2"
+   transform="translate(115.62417,74.248815)">
+	<path
+   id="rect4895"
+   fill="#656565"
+   d="M236.654,400.587h41.954c2.634,0,4.771,1.797,4.771,4.012v44.021   c0,2.216-2.136,4.012-4.771,4.012h-41.954c-2.634,0-4.771-1.796-4.771-4.012v-44.021   C231.883,402.384,234.019,400.587,236.654,400.587z" />
+	<rect
+   id="rect4897"
+   x="272.074"
+   y="404.453"
+   fill="#D6D6D6"
+   width="11.279"
+   height="34.563" />
+	
+		<linearGradient
+   id="path4899_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-885.3761"
+   y1="640.0551"
+   x2="-888.4066"
+   y2="652.6821"
+   gradientTransform="matrix(0.2087 0 0 -0.208 461.3392 537.5479)">
+		<stop
+   offset="0"
+   style="stop-color:#D6D6D6"
+   id="stop9" />
+		<stop
+   offset="1"
+   style="stop-color:#656565"
+   id="stop11" />
+	</linearGradient>
+	<path
+   id="path4899"
+   fill="url(#path4899_1_)"
+   d="M274.235,407.467l9.094-2.972c-0.361-2.856-2.329-3.846-5.069-3.937   c-3.646,0.105-7.203,0.26-9.094,1.337L274.235,407.467z" />
+	<rect
+   id="rect4901"
+   x="240.976"
+   y="439.646"
+   fill="#929292"
+   width="33.469"
+   height="12.975" />
+	
+		<linearGradient
+   id="path4903_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="2230.7595"
+   y1="454.8979"
+   x2="2250.8057"
+   y2="439.2401"
+   gradientTransform="matrix(-0.2087 0 0 -0.208 744.2323 537.5479)">
+		<stop
+   offset="0"
+   style="stop-color:#D6D6D6"
+   id="stop16" />
+		<stop
+   offset="1"
+   style="stop-color:#939393"
+   id="stop18" />
+	</linearGradient>
+	<path
+   id="path4903"
+   fill="url(#path4903_1_)"
+   d="M272.535,436.6l10.805,1.155l0.04,10.506c-0.005,2.709-2.167,4.266-4.401,4.359   l-4.81-0.052l-5.324-12.345L272.535,436.6z" />
+	
+		<linearGradient
+   id="path4905_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-1084.8995"
+   y1="454.4057"
+   x2="-1061.9962"
+   y2="438.7479"
+   gradientTransform="matrix(0.2087 0 0 -0.208 461.3392 537.5479)">
+		<stop
+   offset="0"
+   style="stop-color:#656565"
+   id="stop22" />
+		<stop
+   offset="1"
+   style="stop-color:#939393"
+   id="stop24" />
+	</linearGradient>
+	<path
+   id="path4905"
+   fill="url(#path4905_1_)"
+   d="M239.395,436.495l-7.484,1.261l-0.04,10.506c0.005,2.709,2.167,4.266,4.401,4.359   l4.81-0.052l1.687-12.292L239.395,436.495z" />
+	<path
+   id="rect4907"
+   fill="#F1F1F1"
+   d="M243.424,401.246h26.994c2.635,0,4.771,2.128,4.771,4.754v30.736   c0,2.626-2.136,4.755-4.771,4.755h-26.994c-2.635,0-4.771-2.129-4.771-4.755v-30.736   C238.654,403.373,240.789,401.246,243.424,401.246z" />
+	
+		<linearGradient
+   id="rect4909_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-1143.3112"
+   y1="401.0522"
+   x2="-1066.7612"
+   y2="401.0522"
+   gradientTransform="matrix(0.2087 0 0 -0.208 488.0692 504.7872)">
+		<stop
+   offset="0"
+   style="stop-color:#D8D8D8"
+   id="stop29" />
+		<stop
+   offset="1"
+   style="stop-color:#B1B1B1"
+   id="stop31" />
+	</linearGradient>
+	<path
+   id="rect4909"
+   fill="url(#rect4909_1_)"
+   d="M243.424,401.246h25.94c2.635,0,4.771,2.128,4.771,4.754v30.736   c0,2.626-2.136,4.755-4.771,4.755h-25.94c-2.635,0-4.771-2.129-4.771-4.755v-30.736   C238.654,403.373,240.789,401.246,243.424,401.246z" />
+	
+	<path
+   id="rect4915"
+   fill="none"
+   stroke="#000000"
+   stroke-width="1.5"
+   d="M236.654,400.587h41.954c2.634,0,4.771,1.797,4.771,4.012   v44.021c0,2.216-2.136,4.012-4.771,4.012h-41.954c-2.634,0-4.771-1.796-4.771-4.012v-44.021   C231.883,402.384,234.019,400.587,236.654,400.587z"
+   style="stroke:#666666;stroke-width:0.9;stroke-miterlimit:4;stroke-dasharray:none" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index 273b9eb..270135b 100644
--- a/app/index.html
+++ b/app/index.html
@@ -34,6 +34,7 @@
           <li><a id="controlTab" href="#section-two" onclick="manualcontrolPanel();"><i class="fas fa-fw fa-play"></i> Control</a></li>
           <li id="grblSettings" style="display: none;"><a href="#section-grbl" onclick="grblPanel();"><i class="fas fa-fw fa-sliders-h"></i> Grbl Settings</a></li>
           <li><a href="#section-troubleshooting" onclick="troubleshootingPanel();"><i class="fas fa-fw fa-file-medical-alt"></i> Troubleshooting</a></li>
+          <li id="gamepadTab" style="display: none;"><a href="#section-gamepad" onclick="gamepadPanel();"><i class="fas fa-keyboard"></i> Keyboard <!-- i class="fas fa-gamepad"></i> Gamepad --></a></li>
           <!-- <li><a href="#section-update" onclick="updatePanel();"><i id="updateIcon" class="fas fa-fw fa-cloud-download-alt"></i> Update <span id="updateAvailable" style="display: none;text-decoration: none !important;">new!</span></a></li> -->
         </ul>
         <div class="content-holder">
@@ -307,6 +308,47 @@
               <span class="title">E-Stop</span>
             </div>
           </div>
+
+          <div class="section" id="section-gamepad">
+            <div class="group" style="width: 100px;">
+              <button class="ribbon-button" onclick="socket.emit('clearAlarm', 2)">
+                <span class="icon">
+                  <span class="fa-layers" data-toggle="tooltip" data-placement="bottom" title="Flashes red when machine has entered ALARM state, click Clear Alarm button">
+                    <i id="navbellBtn2" class="fas fa-bell fg-red" style="display: none;"></i>
+                    <i class="far fa-bell"></i>
+                  </span>
+                </span>
+                <span class="caption">Unlock<br>Alarm</span>
+              </button>
+              <button class="ribbon-button" onclick="socket.emit('stop', true)">
+                <span class="icon">
+                  <span class="fa-layers fa-fw">
+                    <i class="fas fa-circle fg-red" data-fa-transform="grow-8"></i>
+                    <i class="fa-inverse far fa-hand-paper" data-fa-transform="grow-1 left-0.5"></i>
+                  </span>
+                </span>
+                <span class="caption">Stop<br>Job</span>
+              </button>
+              <span class="title">E-Stop</span>
+            </div>
+
+            <div class="group flex-column" style="width: 320px">
+              <div>
+                <input name="c2" type="checkbox" data-role="switch" data-caption="<i class='fas fa-keyboard'></i> Use Keyboard Controls">
+              </div>
+              <div>
+                <input name="c2" type="checkbox" data-role="switch" data-caption="<i class='fas fa-gamepad'></i> Use Gamepad Controls">
+              </div>
+              <span class="title">Switches</span>
+            </div>
+
+            <!-- <div class="group" style="width: 100px;">
+              <input type="checkbox" data-role="switch" data-caption="Use&nbsp;Keyboard">
+
+              <span class="title">Enable/Disable</span>
+            </div> -->
+          </div>
+
         </div>
       </nav>
 
@@ -688,6 +730,86 @@
           </div>
         </div>
       </div>
+      <div id="gamepadPanel" style="display: none;">
+        <!-- <h2 class="text-center">Coming Soon</h2> -->
+        <table class="keyboardpanel">
+          <tr>
+            <th colspan="2">Key</th>
+            <!-- <th></th> -->
+            <th>Function</th>
+          </tr>
+
+          <tr>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <i class="fas fa-arrow-left" data-fa-transform="grow-4 down-12 right-10"></i>
+              </span>
+            </td>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <i class="fas fa-arrow-right" data-fa-transform="grow-4 down-12 right-10"></i>
+              </span>
+            </td>
+            <td>
+              <div class="remark alert m-0">Jog <span class="tally alert">X</span> Axis</div>
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <i class="fas fa-arrow-up" data-fa-transform="grow-4 down-12 right-10"></i>
+              </span>
+            </td>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <i class="fas fa-arrow-down" data-fa-transform="grow-4 down-12 right-10"></i>
+              </span>
+            </td>
+            <td>
+              <div class="remark success m-0">Jog <span class="tally success">Y</span> Axis</div>
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <span class="fa-layers-text" data-fa-transform="shrink-3 right-18 down-7" style="font-weight:900">Page</span>
+              <span class="fa-layers-text" data-fa-transform="shrink-3 right-18 down-22" style="font-weight:900">Up</span>
+            </td>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <span class="fa-layers-text" data-fa-transform="shrink-3 right-18 down-7" style="font-weight:900">Page</span>
+              <span class="fa-layers-text" data-fa-transform="shrink-3 right-17 down-22" style="font-weight:900">Down</span>
+              </span>
+            </td>
+            <td>
+              <div class="remark info m-0"> Jog <span class="tally info">Z</span> Axis</div>
+            </td>
+          </tr>
+
+          <tr>
+            <td>
+
+            </td>
+            <td>
+              <span class="fa-layers">
+                <img src="img/keyboard.svg" data-fa-transform="grow-8"/>
+                <span class="fa-layers-text" data-fa-transform="shrink-3 right-17 down-14" style="font-weight:900">Esc</span>
+            </td>
+
+            <td>
+              <div class="remark m-0">Abort / Stop</div>
+            </td>
+          </tr>
+          <!-- <div id="updateconsole">Click "Download Updates" above</div> -->
+      </div>
 
       <!-- Bottom StatusBar -->
       <div class="fixed-bottom">
@@ -767,5 +889,8 @@
 <script type="text/javascript" src="js/jog.js"></script>
 <script type="text/javascript" src="js/calibrate.js"></script>
 
+<script type="text/javascript" src="lib/gamepad/gamepad.min.js"></script>
+<script type="text/javascript" src="js/gamepad.js"></script>
+
 
 </html>
\ No newline at end of file
diff --git a/app/js/calibrate.js b/app/js/calibrate.js
index 80d3b81..185cf76 100644
--- a/app/js/calibrate.js
+++ b/app/js/calibrate.js
@@ -32,8 +32,8 @@ var grblcalctemplate = `<div>
             <td style="width: 70%;">
               <select data-role="select" data-filter="false" id="microstepselect" data-on-change="processpreset();">
                 <option value="32">1/32 Step</option>
-                <option value="16" selected>1/16 Step</option>
-                <option value="8">1/8 Step</option>
+                <option value="16">1/16 Step</option>
+                <option value="8" selected>1/8 Step</option>
                 <option value="4">1/4 Step</option>
                 <option value="1">Full Step</option>
               </select>
diff --git a/app/js/gamepad.js b/app/js/gamepad.js
new file mode 100644
index 0000000..6dc0a08
--- /dev/null
+++ b/app/js/gamepad.js
@@ -0,0 +1,53 @@
+var gamepad;
+var gamepadInterval;
+
+$(document).ready(function() {
+  // $('#gamepadTab').show();
+
+  gamepad = new Gamepad();
+
+  gamepad.bind(Gamepad.Event.CONNECTED, function(device) {
+    console.log(device)
+  });
+
+  gamepad.bind(Gamepad.Event.DISCONNECTED, function(device) {
+    // gamepad disconnected
+    console.log(device)
+  });
+
+  gamepad.bind(Gamepad.Event.UNSUPPORTED, function(device) {
+    // an unsupported gamepad connected (add new mapping)
+    console.log(device)
+  });
+
+  gamepad.bind(Gamepad.Event.BUTTON_DOWN, function(e) {
+    console.log(e.control, e.gamepad.id);
+  });
+
+  gamepad.bind(Gamepad.Event.BUTTON_UP, function(e) {
+    // e.control of gamepad e.gamepad released
+    console.log(e.control, e.gamepad.id)
+  });
+
+  gamepad.bind(Gamepad.Event.AXIS_CHANGED, function(e) {
+    // e.axis changed to value e.value for gamepad e.gamepad
+    console.log(e.axis, e.value, e.gamepad.id)
+  });
+
+  // gamepad.bind(Gamepad.Event.TICK, function(gamepads) {
+  //   // gamepads were updated (around 60 times a second)
+  // });
+
+  if (!gamepad.init()) {
+    // Your browser does not support gamepads, get the latest Google Chrome or Firefox
+  }
+
+  gamepadInterval = setInterval(function() {
+    // if (gamepad.gamepads.length > 0) {
+    //   $('#gamepadTab').show();
+    // } else {
+    //   $('#gamepadTab').hide();
+    // }
+  }, 500)
+
+});
\ No newline at end of file
diff --git a/app/js/metroactions.js b/app/js/metroactions.js
index d6c4190..cf20931 100644
--- a/app/js/metroactions.js
+++ b/app/js/metroactions.js
@@ -31,6 +31,7 @@ function manualcontrolPanel() {
   $('#grblPanel').hide()
   $('#updatePanel').hide()
   $('#troubleshootingPanel').hide()
+  $('#gamepadPanel').hide()
 }
 
 function grblPanel() {
@@ -39,6 +40,7 @@ function grblPanel() {
   $('#grblPanel').show()
   $('#updatePanel').hide()
   $('#troubleshootingPanel').hide()
+  $('#gamepadPanel').hide()
 }
 
 function updatePanel() {
@@ -46,6 +48,7 @@ function updatePanel() {
   $('#grblPanel').hide()
   $('#updatePanel').show()
   $('#troubleshootingPanel').hide()
+  $('#gamepadPanel').hide()
 }
 
 function troubleshootingPanel() {
@@ -53,4 +56,13 @@ function troubleshootingPanel() {
   $('#grblPanel').hide()
   $('#updatePanel').hide()
   $('#troubleshootingPanel').show()
+  $('#gamepadPanel').hide()
+}
+
+function gamepadPanel() {
+  $('#manualControlPanel').hide()
+  $('#grblPanel').hide()
+  $('#updatePanel').hide()
+  $('#troubleshootingPanel').hide()
+  $('#gamepadPanel').show()
 }
\ No newline at end of file
diff --git a/app/js/updates.js b/app/js/updates.js
index be62395..80ca7bc 100644
--- a/app/js/updates.js
+++ b/app/js/updates.js
@@ -20,7 +20,7 @@ $(document).ready(function() {
         printLog("<span class='fg-red'>[ update ] </span><span class='fg-green'>You are already running OpenBuilds Machine Driver " + currentVersion + "</span>")
       }
     });
-  }, 400)
+  }, 1000)
 });
 
 function updateTime() {
diff --git a/app/lib/gamepad/.gitignore b/app/lib/gamepad/.gitignore
new file mode 100644
index 0000000..2ccbe46
--- /dev/null
+++ b/app/lib/gamepad/.gitignore
@@ -0,0 +1 @@
+/node_modules/
diff --git a/app/lib/gamepad/.jsbeautifyrc b/app/lib/gamepad/.jsbeautifyrc
new file mode 100644
index 0000000..2144c86
--- /dev/null
+++ b/app/lib/gamepad/.jsbeautifyrc
@@ -0,0 +1,17 @@
+{
+	"indent_size": 1,
+  "indent_char": "\t",
+  "indent_level": 0,
+  "indent_with_tabs": true,
+  "preserve_newlines": true,
+	"max_preserve_newlines": 4,
+	"space_in_paren": false,
+	"jslint_happy": false,
+	"brace_style": "collapse",
+	"keep_array_indentation": false,
+	"keep_function_indentation": false,
+	"eval_code": false,
+	"unescape_strings": false,
+	"break_chained_methods": false,
+	"wrap_line_length": 100
+}
\ No newline at end of file
diff --git a/app/lib/gamepad/.jshintrc b/app/lib/gamepad/.jshintrc
new file mode 100644
index 0000000..f1b7a8f
--- /dev/null
+++ b/app/lib/gamepad/.jshintrc
@@ -0,0 +1,29 @@
+{
+	"evil": true,
+	"forin": true,
+	"jquery": true,
+	"browser": true,
+	"devel": true,
+	"bitwise": true,
+	"camelcase": true,
+	"curly": true,
+	"eqeqeq": false,
+	"forin": false,
+	"immed": true,
+	"latedef": true,
+	"newcap": true,
+	"noarg": true,
+	"noempty": true,
+	"nonew": true,
+	"plusplus": false,
+	"quotmark": "single",
+	"undef": true,
+	"unused": true,
+	"strict": true,
+	"trailing": true,
+	"maxparams": 0,
+	"maxlen": 120,
+	"laxbreak": true,
+	"loopfunc": true,
+	"predef": ["require", "define", "module"]
+}
\ No newline at end of file
diff --git a/app/lib/gamepad/Gruntfile.js b/app/lib/gamepad/Gruntfile.js
new file mode 100644
index 0000000..a49f274
--- /dev/null
+++ b/app/lib/gamepad/Gruntfile.js
@@ -0,0 +1,71 @@
+module.exports = function(grunt) {
+	'use strict';
+
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+
+		jsbeautifier: {
+			files: ['Gruntfile.js', 'gamepad.js', 'test/**/*.js'],
+			options: grunt.file.readJSON('.jsbeautifyrc')
+		},
+
+		// Run JSHint on all sources
+		jshint: {
+			options: {
+				jshintrc: './.jshintrc'
+			},
+			all: ['Gruntfile.js', 'gamepad.js', 'test/**/*.js']
+		},
+
+		// Run js-uglify on the actual library code
+		uglify: {
+			lib: {
+				files: {
+					'gamepad.min.js': ['gamepad.js']
+				},
+				options: {
+					compress: {
+						sequences: false
+					}
+				}
+			}
+		},
+
+		// Run tests using buster
+		buster: {
+			libRaw: {
+				test: {
+					reporter: 'specification',
+					'config-group': 'Library tests raw'
+				}
+			}
+		},
+
+		// Create YUI documentation
+		yuidoc: {
+			lib: {
+				name: '<%= pkg.name %>',
+				description: '<%= pkg.description %>',
+				version: '<%= pkg.version %>',
+				url: '<%= pkg.homepage %>',
+				options: {
+					paths: ['.'],
+					exclude: '*.min.js',
+					outdir: 'doc/'
+				}
+			}
+		}
+	});
+
+	grunt.loadNpmTasks('grunt-buster');
+	grunt.loadNpmTasks('grunt-contrib-jshint');
+	grunt.loadNpmTasks('grunt-contrib-uglify');
+	grunt.loadNpmTasks('grunt-contrib-yuidoc');
+	grunt.loadNpmTasks('grunt-jsbeautifier');
+
+	grunt.registerTask('format', ['jsbeautifier', 'jshint']);
+	grunt.registerTask('compile', ['uglify']);
+	grunt.registerTask('document', ['yuidoc']);
+	grunt.registerTask('test', ['buster']);
+	grunt.registerTask('default', ['format', 'compile', 'test', 'document']);
+};
diff --git a/app/lib/gamepad/README.md b/app/lib/gamepad/README.md
new file mode 100644
index 0000000..6273e96
--- /dev/null
+++ b/app/lib/gamepad/README.md
@@ -0,0 +1,80 @@
+HTML5-JavaScript-Gamepad-Controller-Library
+===========================================
+
+**Library for accessing gamepads in modern browsers.**
+
+* Works with modern browsers and has mappings to many controllers.
+* Very easy to add mappings to new controllers.
+* Lightweight.
+* Includes settings for deadzone and maximization.
+* Simple event-based system.
+* Includes state change events.
+* Minimal working example provided.
+* Does not depend on any other library.
+* Includes minimized version.
+
+
+How to use
+----------
+* Include the library.
+```javascript
+	<script src="gamepad.js"></script>
+```
+
+* Create an instance of the Gamepad class.
+```javascript
+	var gamepad = new Gamepad();
+```
+
+* Bind to the events
+```javascript
+	gamepad.bind(Gamepad.Event.CONNECTED, function(device) {
+		// a new gamepad connected
+	});
+
+	gamepad.bind(Gamepad.Event.DISCONNECTED, function(device) {
+		// gamepad disconnected
+	});
+
+	gamepad.bind(Gamepad.Event.UNSUPPORTED, function(device) {
+		// an unsupported gamepad connected (add new mapping)
+	});
+
+	gamepad.bind(Gamepad.Event.BUTTON_DOWN, function(e) {
+		// e.control of gamepad e.gamepad pressed down
+	});
+	
+	gamepad.bind(Gamepad.Event.BUTTON_UP, function(e) {
+		// e.control of gamepad e.gamepad released
+	});
+
+	gamepad.bind(Gamepad.Event.AXIS_CHANGED, function(e) {
+		// e.axis changed to value e.value for gamepad e.gamepad
+	});
+
+	gamepad.bind(Gamepad.Event.TICK, function(gamepads) {
+		// gamepads were updated (around 60 times a second)
+	});
+```
+
+* Initilize the gamepads
+```javascript
+	if (!gamepad.init()) {
+		// Your browser does not support gamepads, get the latest Google Chrome or Firefox
+	}
+```
+
+* Try the working example in index.html for more tips
+
+Development
+----------
+
+The library is built using [grunt](http://gruntjs.com/) and [node.js](http://www.nodejs.org/).
+Have them installed according to their installation guidelines.
+
+The build sequence consists of the following tasks:
+* 'format', executing js-beautify (according to .jsbeautifyrc) and jshint (according to .jshintrc)
+* 'compile', executing UglifyJS2
+* 'document', using [yuidoc](http://yui.github.io/yuidoc/)
+
+The default grunt task executes them in the given order.
diff --git a/app/lib/gamepad/doc/api.js b/app/lib/gamepad/doc/api.js
new file mode 100644
index 0000000..c19fa3f
--- /dev/null
+++ b/app/lib/gamepad/doc/api.js
@@ -0,0 +1,21 @@
+YUI.add("yuidoc-meta", function(Y) {
+   Y.YUIDoc = { meta: {
+    "classes": [
+        "AnimFrameUpdateStrategy",
+        "FirefoxPlatform",
+        "Gamepad",
+        "ManualUpdateStrategy",
+        "WebKitPlatform"
+    ],
+    "modules": [
+        "Gamepad"
+    ],
+    "allModules": [
+        {
+            "displayName": "Gamepad",
+            "name": "Gamepad",
+            "description": "This strategy uses a timer function to call an update function.\nThe timer (re)start function can be provided or the strategy reverts to\none of the window.*requestAnimationFrame variants."
+        }
+    ]
+} };
+});
\ No newline at end of file
diff --git a/app/lib/gamepad/doc/assets/css/external-small.png b/app/lib/gamepad/doc/assets/css/external-small.png
new file mode 100644
index 0000000..759a1cd
Binary files /dev/null and b/app/lib/gamepad/doc/assets/css/external-small.png differ
diff --git a/app/lib/gamepad/doc/assets/css/logo.png b/app/lib/gamepad/doc/assets/css/logo.png
new file mode 100644
index 0000000..609b336
Binary files /dev/null and b/app/lib/gamepad/doc/assets/css/logo.png differ
diff --git a/app/lib/gamepad/doc/assets/css/main.css b/app/lib/gamepad/doc/assets/css/main.css
new file mode 100644
index 0000000..cdfe209
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/css/main.css
@@ -0,0 +1,783 @@
+/*
+Font sizes for all selectors other than the body are given in percentages,
+with 100% equal to 13px. To calculate a font size percentage, multiply the
+desired size in pixels by 7.6923076923.
+
+Here's a quick lookup table:
+
+10px - 76.923%
+11px - 84.615%
+12px - 92.308%
+13px - 100%
+14px - 107.692%
+15px - 115.385%
+16px - 123.077%
+17px - 130.769%
+18px - 138.462%
+19px - 146.154%
+20px - 153.846%
+*/
+
+html {
+    background: #fff;
+    color: #333;
+    overflow-y: scroll;
+}
+
+body {
+    /*font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;*/
+    font: 13px/1.4 'Helvetica', 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+/* -- Links ----------------------------------------------------------------- */
+a {
+    color: #356de4;
+    text-decoration: none;
+}
+
+.hidden {
+    display: none;
+}
+
+a:hover { text-decoration: underline; }
+
+/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
+   sight until it's focused. */
+.jump {
+    position: absolute;
+    padding: 3px 6px;
+    left: -99999px;
+    top: 0;
+}
+
+.jump:focus { left: 40%; }
+
+/* -- Paragraphs ------------------------------------------------------------ */
+p { margin: 1.3em 0; }
+dd p, td p { margin-bottom: 0; }
+dd p:first-child, td p:first-child { margin-top: 0; }
+
+/* -- Headings -------------------------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {
+    color: #D98527;/*was #f80*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.1;
+    margin: 1.1em 0 0.5em;
+}
+
+h1 {
+    font-size: 184.6%;
+    color: #30418C;
+    margin: 0.75em 0 0.5em;
+}
+
+h2 {
+    font-size: 153.846%;
+    color: #E48A2B;
+}
+
+h3 { font-size: 138.462%; }
+
+h4 {
+    border-bottom: 1px solid #DBDFEA;
+    color: #E48A2B;
+    font-size: 115.385%;
+    font-weight: normal;
+    padding-bottom: 2px;
+}
+
+h5, h6 { font-size: 107.692%; }
+
+/* -- Code and examples ----------------------------------------------------- */
+code, kbd, pre, samp {
+    font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
+    font-size: 92.308%;
+    line-height: 1.35;
+}
+
+p code, p kbd, p samp, li code {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    padding: 0 3px;
+}
+
+a code, a kbd, a samp,
+pre code, pre kbd, pre samp,
+table code, table kbd, table samp,
+.intro code, .intro kbd, .intro samp,
+.toc code, .toc kbd, .toc samp {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+pre.code, pre.terminal, pre.cmd {
+    overflow-x: auto;
+    *overflow-x: scroll;
+    padding: 0.3em 0.6em;
+}
+
+pre.code {
+    background: #FCFBFA;
+    border: 1px solid #EFEEED;
+    border-left-width: 5px;
+}
+
+pre.terminal, pre.cmd {
+    background: #F0EFFC;
+    border: 1px solid #D0CBFB;
+    border-left: 5px solid #D0CBFB;
+}
+
+/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
+   blocks. */
+pre code, pre kbd, pre samp { font-size: 100%; }
+
+/* Used to denote text that shouldn't be selectable, such as line numbers or
+   shell prompts. Guess which browser this doesn't work in. */
+.noselect {
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+/* -- Lists ----------------------------------------------------------------- */
+dd { margin: 0.2em 0 0.7em 1em; }
+dl { margin: 1em 0; }
+dt { font-weight: bold; }
+
+/* -- Tables ---------------------------------------------------------------- */
+caption, th { text-align: left; }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #fff;
+    padding: 5px 12px;
+    vertical-align: top;
+}
+
+td { background: #E6E9F5; }
+td dl { margin: 0; }
+td dl dl { margin: 1em 0; }
+td pre:first-child { margin-top: 0; }
+
+th {
+    background: #D2D7E6;/*#97A0BF*/
+    border-bottom: none;
+    border-top: none;
+    color: #000;/*#FFF1D5*/
+    font-family: 'Trebuchet MS', sans-serif;
+    font-weight: bold;
+    line-height: 1.3;
+    white-space: nowrap;
+}
+
+
+/* -- Layout and Content ---------------------------------------------------- */
+#doc {
+    margin: auto;
+    min-width: 1024px;
+}
+
+.content { padding: 0 20px 0 25px; }
+
+.sidebar {
+    padding: 0 15px 0 10px;
+}
+#bd {
+    padding: 7px 0 130px;
+    position: relative;
+    width: 99%;
+}
+
+/* -- Table of Contents ----------------------------------------------------- */
+
+/* The #toc id refers to the single global table of contents, while the .toc
+   class refers to generic TOC lists that could be used throughout the page. */
+
+.toc code, .toc kbd, .toc samp { font-size: 100%; }
+.toc li { font-weight: bold; }
+.toc li li { font-weight: normal; }
+
+/* -- Intro and Example Boxes ----------------------------------------------- */
+/*
+.intro, .example { margin-bottom: 2em; }
+.example {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 0 5px #bfbfbf;
+    -webkit-box-shadow: 0 0 5px #bfbfbf;
+    box-shadow: 0 0 5px #bfbfbf;
+    padding: 1em;
+}
+.intro {
+    background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
+}
+*/
+
+/* -- Other Styles ---------------------------------------------------------- */
+
+/* These are probably YUI-specific, and should be moved out of Selleck's default
+   theme. */
+
+.button {
+    border: 1px solid #dadada;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    color: #444;
+    display: inline-block;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 92.308%;
+    font-weight: bold;
+    padding: 4px 13px 3px;
+    -moz-text-shadow: 1px 1px 0 #fff;
+    -webkit-text-shadow: 1px 1px 0 #fff;
+    text-shadow: 1px 1px 0 #fff;
+    white-space: nowrap;
+
+    background: #EFEFEF; /* old browsers */
+    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
+}
+
+.button:hover {
+    border-color: #466899;
+    color: #fff;
+    text-decoration: none;
+    -moz-text-shadow: 1px 1px 0 #222;
+    -webkit-text-shadow: 1px 1px 0 #222;
+    text-shadow: 1px 1px 0 #222;
+
+    background: #6396D8; /* old browsers */
+    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
+}
+
+.newwindow { text-align: center; }
+
+.header .version em {
+    display: block;
+    text-align: right;
+}
+
+
+#classdocs .item {
+    border-bottom: 1px solid #466899;
+    margin: 1em 0;
+    padding: 1.5em;
+}
+
+#classdocs .item .params p,
+    #classdocs .item .returns p,{
+    display: inline;
+}
+
+#classdocs .item em code, #classdocs .item em.comment {
+    color: green;
+}
+
+#classdocs .item em.comment a {
+    color: green;
+    text-decoration: underline;
+}
+
+#classdocs .foundat {
+    font-size: 11px;
+    font-style: normal;
+}
+
+.attrs .emits {
+    margin-left: 2em;
+    padding: .5em;
+    border-left: 1px dashed #ccc;
+}
+
+abbr {
+    border-bottom: 1px dashed #ccc;
+    font-size: 80%;
+    cursor: help;
+}
+
+.prettyprint li.L0, 
+.prettyprint li.L1, 
+.prettyprint li.L2, 
+.prettyprint li.L3, 
+.prettyprint li.L5, 
+.prettyprint li.L6, 
+.prettyprint li.L7, 
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+ul li p {
+    margin-top: 0;
+}
+
+.method .name {
+    font-size: 110%;
+}
+
+.apidocs .methods .extends .method,
+.apidocs .properties .extends .property,
+.apidocs .attrs .extends .attr,
+.apidocs .events .extends .event {
+    font-weight: bold;
+}
+
+.apidocs .methods .extends .inherited,
+.apidocs .properties .extends .inherited,
+.apidocs .attrs .extends .inherited,
+.apidocs .events .extends .inherited {
+    font-weight: normal;
+}
+
+#hd {
+    background: whiteSmoke;
+    background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);
+    border-bottom: 1px solid #DFDFDF;
+    padding: 0 15px 1px 20px;
+    margin-bottom: 15px;
+}
+
+#hd img {
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+
+/* -- API Docs CSS ---------------------------------------------------------- */
+
+/*
+This file is organized so that more generic styles are nearer the top, and more
+specific styles are nearer the bottom of the file. This allows us to take full
+advantage of the cascade to avoid redundant style rules. Please respect this
+convention when making changes.
+*/
+
+/* -- Generic TabView styles ------------------------------------------------ */
+
+/*
+These styles apply to all API doc tabviews. To change styles only for a
+specific tabview, see the other sections below.
+*/
+
+.yui3-js-enabled .apidocs .tabview {
+    visibility: hidden; /* Hide until the TabView finishes rendering. */
+    _visibility: visible;
+}
+
+.apidocs .tabview.yui3-tabview-content { visibility: visible; }
+.apidocs .tabview .yui3-tabview-panel { background: #fff; }
+
+/* -- Generic Content Styles ------------------------------------------------ */
+
+/* Headings */
+h2, h3, h4, h5, h6 {
+    border: none;
+    color: #30418C;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.link-docs {
+    float: right;
+    font-size: 15px;
+    margin: 4px 4px 6px;
+    padding: 6px 30px 5px;
+}
+
+.apidocs { zoom: 1; }
+
+/* Generic box styles. */
+.apidocs .box {
+    border: 1px solid;
+    border-radius: 3px;
+    margin: 1em 0;
+    padding: 0 1em;
+}
+
+/* A flag is a compact, capsule-like indicator of some kind. It's used to
+   indicate private and protected items, item return types, etc. in an
+   attractive and unobtrusive way. */
+.apidocs .flag {
+    background: #bababa;
+    border-radius: 3px;
+    color: #fff;
+    font-size: 11px;
+    margin: 0 0.5em;
+    padding: 2px 4px 1px;
+}
+
+/* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
+.apidocs .meta {
+    background: #f9f9f9;
+    border-color: #efefef;
+    color: #555;
+    font-size: 11px;
+    padding: 3px 6px;
+}
+
+.apidocs .meta p { margin: 0; }
+
+/* Deprecation warning. */
+.apidocs .box.deprecated,
+.apidocs .flag.deprecated {
+    background: #fdac9f;
+    border: 1px solid #fd7775;
+}
+
+.apidocs .box.deprecated p { margin: 0.5em 0; }
+.apidocs .flag.deprecated { color: #333; }
+
+/* Module/Class intro description. */
+.apidocs .intro {
+    background: #f0f1f8;
+    border-color: #d4d8eb;
+}
+
+/* Loading spinners. */
+#bd.loading .apidocs,
+#api-list.loading .yui3-tabview-panel {
+    background: #fff url(../img/spinner.gif) no-repeat center 70px;
+    min-height: 150px;
+}
+
+#bd.loading .apidocs .content,
+#api-list.loading .yui3-tabview-panel .apis {
+    display: none;
+}
+
+.apidocs .no-visible-items { color: #666; }
+
+/* Generic inline list. */
+.apidocs ul.inline {
+    display: inline;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.apidocs ul.inline li { display: inline; }
+
+/* Comma-separated list. */
+.apidocs ul.commas li:after { content: ','; }
+.apidocs ul.commas li:last-child:after { content: ''; }
+
+/* Keyboard shortcuts. */
+kbd .cmd { font-family: Monaco, Helvetica; }
+
+/* -- Generic Access Level styles ------------------------------------------- */
+.apidocs .item.protected,
+.apidocs .item.private,
+.apidocs .index-item.protected,
+.apidocs .index-item.deprecated,
+.apidocs .index-item.private {
+    display: none;
+}
+
+.show-deprecated .item.deprecated,
+.show-deprecated .index-item.deprecated,
+.show-protected .item.protected,
+.show-protected .index-item.protected,
+.show-private .item.private,
+.show-private .index-item.private {
+    display: block;
+}
+
+.hide-inherited .item.inherited,
+.hide-inherited .index-item.inherited {
+    display: none;
+}
+
+/* -- Generic Item Index styles --------------------------------------------- */
+.apidocs .index { margin: 1.5em 0 3em; }
+
+.apidocs .index h3 {
+    border-bottom: 1px solid #efefef;
+    color: #333;
+    font-size: 13px;
+    margin: 2em 0 0.6em;
+    padding-bottom: 2px;
+}
+
+.apidocs .index .no-visible-items { margin-top: 2em; }
+
+.apidocs .index-list {
+    border-color: #efefef;
+    font-size: 12px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    -moz-column-count: 4;
+    -moz-column-gap: 10px;
+    -moz-column-width: 170px;
+    -ms-column-count: 4;
+    -ms-column-gap: 10px;
+    -ms-column-width: 170px;
+    -o-column-count: 4;
+    -o-column-gap: 10px;
+    -o-column-width: 170px;
+    -webkit-column-count: 4;
+    -webkit-column-gap: 10px;
+    -webkit-column-width: 170px;
+    column-count: 4;
+    column-gap: 10px;
+    column-width: 170px;
+}
+
+.apidocs .no-columns .index-list {
+    -moz-column-count: 1;
+    -ms-column-count: 1;
+    -o-column-count: 1;
+    -webkit-column-count: 1;
+    column-count: 1;
+}
+
+.apidocs .index-item { white-space: nowrap; }
+
+.apidocs .index-item .flag {
+    background: none;
+    border: none;
+    color: #afafaf;
+    display: inline;
+    margin: 0 0 0 0.2em;
+    padding: 0;
+}
+
+/* -- Generic API item styles ----------------------------------------------- */
+.apidocs .args {
+    display: inline;
+    margin: 0 0.5em;
+}
+
+.apidocs .flag.chainable { background: #46ca3b; }
+.apidocs .flag.protected { background: #9b86fc; }
+.apidocs .flag.private { background: #fd6b1b; }
+.apidocs .flag.async { background: #356de4; }
+.apidocs .flag.required { background: #e60923; }
+
+.apidocs .item {
+    border-bottom: 1px solid #efefef;
+    margin: 1.5em 0 2em;
+    padding-bottom: 2em;
+}
+
+.apidocs .item h4,
+.apidocs .item h5,
+.apidocs .item h6 {
+    color: #333;
+    font-family: inherit;
+    font-size: 100%;
+}
+
+.apidocs .item .description p,
+.apidocs .item pre.code {
+    margin: 1em 0 0;
+}
+
+.apidocs .item .meta {
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+.apidocs .item .name {
+    display: inline;
+    font-size: 14px;
+}
+
+.apidocs .item .type,
+.apidocs .item .type a,
+.apidocs .returns-inline {
+    color: #555;
+}
+
+.apidocs .item .type,
+.apidocs .returns-inline {
+    font-size: 11px;
+    margin: 0 0 0 0;
+}
+
+.apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
+.apidocs .item .type a:hover { border: none; }
+
+/* -- Item Parameter List --------------------------------------------------- */
+.apidocs .params-list {
+    list-style: square;
+    margin: 1em 0 0 2em;
+    padding: 0;
+}
+
+.apidocs .param { margin-bottom: 1em; }
+
+.apidocs .param .type,
+.apidocs .param .type a {
+    color: #666;
+}
+
+.apidocs .param .type {
+    margin: 0 0 0 0.5em;
+    *margin-left: 0.5em;
+}
+
+.apidocs .param-name { font-weight: bold; }
+
+/* -- Item "Emits" block ---------------------------------------------------- */
+.apidocs .item .emits {
+    background: #f9f9f9;
+    border-color: #eaeaea;
+}
+
+/* -- Item "Returns" block -------------------------------------------------- */
+.apidocs .item .returns .type,
+.apidocs .item .returns .type a {
+    font-size: 100%;
+    margin: 0;
+}
+
+/* -- Class Constructor block ----------------------------------------------- */
+.apidocs .constructor .item {
+    border: none;
+    padding-bottom: 0;
+}
+
+/* -- File Source View ------------------------------------------------------ */
+.apidocs .file pre.code,
+#doc .apidocs .file pre.prettyprint {
+    background: inherit;
+    border: none;
+    overflow: visible;
+    padding: 0;
+}
+
+.apidocs .L0,
+.apidocs .L1,
+.apidocs .L2,
+.apidocs .L3,
+.apidocs .L4,
+.apidocs .L5,
+.apidocs .L6,
+.apidocs .L7,
+.apidocs .L8,
+.apidocs .L9 {
+    background: inherit;
+}
+
+/* -- Submodule List -------------------------------------------------------- */
+.apidocs .module-submodule-description {
+    font-size: 12px;
+    margin: 0.3em 0 1em;
+}
+
+.apidocs .module-submodule-description p:first-child { margin-top: 0; }
+
+/* -- Sidebar TabView ------------------------------------------------------- */
+#api-tabview { margin-top: 0.6em; }
+
+#api-tabview-filter,
+#api-tabview-panel {
+    border: 1px solid #dfdfdf;
+}
+
+#api-tabview-filter {
+    border-bottom: none;
+    border-top: none;
+    padding: 0.6em 10px 0 10px;
+}
+
+#api-tabview-panel { border-top: none; }
+#api-filter { width: 97%; }
+
+/* -- Content TabView ------------------------------------------------------- */
+#classdocs .yui3-tabview-panel { border: none; }
+
+/* -- Source File Contents -------------------------------------------------- */
+.prettyprint li.L0,
+.prettyprint li.L1,
+.prettyprint li.L2,
+.prettyprint li.L3,
+.prettyprint li.L5,
+.prettyprint li.L6,
+.prettyprint li.L7,
+.prettyprint li.L8 {
+    list-style: decimal;
+}
+
+/* -- API options ----------------------------------------------------------- */
+#api-options {
+    font-size: 11px;
+    margin-top: 2.2em;
+    position: absolute;
+    right: 1.5em;
+}
+
+/*#api-options label { margin-right: 0.6em; }*/
+
+/* -- API list -------------------------------------------------------------- */
+#api-list {
+    margin-top: 1.5em;
+    *zoom: 1;
+}
+
+.apis {
+    font-size: 12px;
+    line-height: 1.4;
+    list-style: none;
+    margin: 0;
+    padding: 0.5em 0 0.5em 0.4em;
+}
+
+.apis a {
+    border: 1px solid transparent;
+    display: block;
+    margin: 0 0 0 -4px;
+    padding: 1px 4px 0;
+    text-decoration: none;
+    _border: none;
+    _display: inline;
+}
+
+.apis a:hover,
+.apis a:focus {
+    background: #E8EDFC;
+    background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));
+    border-color: #AAC0FA;
+    border-radius: 3px;
+    color: #333;
+    outline: none;
+}
+
+.api-list-item a:hover,
+.api-list-item a:focus {
+    font-weight: bold;
+    text-shadow: 1px 1px 1px #fff;
+}
+
+.apis .message { color: #888; }
+.apis .result a { padding: 3px 5px 2px; }
+
+.apis .result .type {
+    right: 4px;
+    top: 7px;
+}
+
+.api-list-item .yui3-highlight {
+    font-weight: bold;
+}
+
diff --git a/app/lib/gamepad/doc/assets/favicon.png b/app/lib/gamepad/doc/assets/favicon.png
new file mode 100644
index 0000000..5a95dda
Binary files /dev/null and b/app/lib/gamepad/doc/assets/favicon.png differ
diff --git a/app/lib/gamepad/doc/assets/img/spinner.gif b/app/lib/gamepad/doc/assets/img/spinner.gif
new file mode 100644
index 0000000..44f96ba
Binary files /dev/null and b/app/lib/gamepad/doc/assets/img/spinner.gif differ
diff --git a/app/lib/gamepad/doc/assets/index.html b/app/lib/gamepad/doc/assets/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/app/lib/gamepad/doc/assets/js/api-filter.js b/app/lib/gamepad/doc/assets/js/api-filter.js
new file mode 100644
index 0000000..37aefba
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/js/api-filter.js
@@ -0,0 +1,52 @@
+YUI.add('api-filter', function (Y) {
+
+Y.APIFilter = Y.Base.create('apiFilter', Y.Base, [Y.AutoCompleteBase], {
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+    getDisplayName: function(name) {
+
+        Y.each(Y.YUIDoc.meta.allModules, function(i) {
+            if (i.name === name && i.displayName) {
+                name = i.displayName;
+            }
+        });
+
+        return name;
+    }
+
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        // May be set to "classes" or "modules".
+        queryType: {
+            value: 'classes'
+        },
+
+        source: {
+            valueFn: function() {
+                var self = this;
+                return function(q) {
+                    var data = Y.YUIDoc.meta[self.get('queryType')],
+                        out = [];
+                    Y.each(data, function(v) {
+                        if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {
+                            out.push(v);
+                        }
+                    });
+                    return out;
+                };
+            }
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources'
+]});
diff --git a/app/lib/gamepad/doc/assets/js/api-list.js b/app/lib/gamepad/doc/assets/js/api-list.js
new file mode 100644
index 0000000..88905b5
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/js/api-list.js
@@ -0,0 +1,251 @@
+YUI.add('api-list', function (Y) {
+
+var Lang   = Y.Lang,
+    YArray = Y.Array,
+
+    APIList = Y.namespace('APIList'),
+
+    classesNode    = Y.one('#api-classes'),
+    inputNode      = Y.one('#api-filter'),
+    modulesNode    = Y.one('#api-modules'),
+    tabviewNode    = Y.one('#api-tabview'),
+
+    tabs = APIList.tabs = {},
+
+    filter = APIList.filter = new Y.APIFilter({
+        inputNode : inputNode,
+        maxResults: 1000,
+
+        on: {
+            results: onFilterResults
+        }
+    }),
+
+    search = APIList.search = new Y.APISearch({
+        inputNode : inputNode,
+        maxResults: 100,
+
+        on: {
+            clear  : onSearchClear,
+            results: onSearchResults
+        }
+    }),
+
+    tabview = APIList.tabview = new Y.TabView({
+        srcNode  : tabviewNode,
+        panelNode: '#api-tabview-panel',
+        render   : true,
+
+        on: {
+            selectionChange: onTabSelectionChange
+        }
+    }),
+
+    focusManager = APIList.focusManager = tabviewNode.plug(Y.Plugin.NodeFocusManager, {
+        circular   : true,
+        descendants: '#api-filter, .yui3-tab-panel-selected .api-list-item a, .yui3-tab-panel-selected .result a',
+        keys       : {next: 'down:40', previous: 'down:38'}
+    }).focusManager,
+
+    LIST_ITEM_TEMPLATE =
+        '<li class="api-list-item {typeSingular}">' +
+            '<a href="{rootPath}{typePlural}/{name}.html">{displayName}</a>' +
+        '</li>';
+
+// -- Init ---------------------------------------------------------------------
+
+// Duckpunch FocusManager's key event handling to prevent it from handling key
+// events when a modifier is pressed.
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusPrevious', focusManager);
+
+Y.before(function (e, activeDescendant) {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
+        return new Y.Do.Prevent();
+    }
+}, focusManager, '_focusNext', focusManager);
+
+// Create a mapping of tabs in the tabview so we can refer to them easily later.
+tabview.each(function (tab, index) {
+    var name = tab.get('label').toLowerCase();
+
+    tabs[name] = {
+        index: index,
+        name : name,
+        tab  : tab
+    };
+});
+
+// Switch tabs on Ctrl/Cmd-Left/Right arrows.
+tabviewNode.on('key', onTabSwitchKey, 'down:37,39');
+
+// Focus the filter input when the `/` key is pressed.
+Y.one(Y.config.doc).on('key', onSearchKey, 'down:83');
+
+// Keep the Focus Manager up to date.
+inputNode.on('focus', function () {
+    focusManager.set('activeDescendant', inputNode);
+});
+
+// Update all tabview links to resolved URLs.
+tabview.get('panelNode').all('a').each(function (link) {
+    link.setAttribute('href', link.get('href'));
+});
+
+// -- Private Functions --------------------------------------------------------
+function getFilterResultNode() {
+    return filter.get('queryType') === 'classes' ? classesNode : modulesNode;
+}
+
+// -- Event Handlers -----------------------------------------------------------
+function onFilterResults(e) {
+    var frag         = Y.one(Y.config.doc.createDocumentFragment()),
+        resultNode   = getFilterResultNode(),
+        typePlural   = filter.get('queryType'),
+        typeSingular = typePlural === 'classes' ? 'class' : 'module';
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(Lang.sub(LIST_ITEM_TEMPLATE, {
+                rootPath    : APIList.rootPath,
+                displayName : filter.getDisplayName(result.highlighted),
+                name        : result.text,
+                typePlural  : typePlural,
+                typeSingular: typeSingular
+            }));
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No ' + typePlural + ' found.' +
+            '</li>'
+        );
+    }
+
+    resultNode.empty(true);
+    resultNode.append(frag);
+
+    focusManager.refresh();
+}
+
+function onSearchClear(e) {
+
+    focusManager.refresh();
+}
+
+function onSearchKey(e) {
+    var target = e.target;
+
+    if (target.test('input,select,textarea')
+            || target.get('isContentEditable')) {
+        return;
+    }
+
+    e.preventDefault();
+
+    inputNode.focus();
+    focusManager.refresh();
+}
+
+function onSearchResults(e) {
+    var frag = Y.one(Y.config.doc.createDocumentFragment());
+
+    if (e.results.length) {
+        YArray.each(e.results, function (result) {
+            frag.append(result.display);
+        });
+    } else {
+        frag.append(
+            '<li class="message">' +
+                'No results found. Maybe you\'ll have better luck with a ' +
+                'different query?' +
+            '</li>'
+        );
+    }
+
+
+    focusManager.refresh();
+}
+
+function onTabSelectionChange(e) {
+    var tab  = e.newVal,
+        name = tab.get('label').toLowerCase();
+
+    tabs.selected = {
+        index: tab.get('index'),
+        name : name,
+        tab  : tab
+    };
+
+    switch (name) {
+    case 'classes': // fallthru
+    case 'modules':
+        filter.setAttrs({
+            minQueryLength: 0,
+            queryType     : name
+        });
+
+        search.set('minQueryLength', -1);
+
+        // Only send a request if this isn't the initially-selected tab.
+        if (e.prevVal) {
+            filter.sendRequest(filter.get('value'));
+        }
+        break;
+
+    case 'everything':
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', 1);
+
+        if (search.get('value')) {
+            search.sendRequest(search.get('value'));
+        } else {
+            inputNode.focus();
+        }
+        break;
+
+    default:
+        // WTF? We shouldn't be here!
+        filter.set('minQueryLength', -1);
+        search.set('minQueryLength', -1);
+    }
+
+    if (focusManager) {
+        setTimeout(function () {
+            focusManager.refresh();
+        }, 1);
+    }
+}
+
+function onTabSwitchKey(e) {
+    var currentTabIndex = tabs.selected.index;
+
+    if (!(e.ctrlKey || e.metaKey)) {
+        return;
+    }
+
+    e.preventDefault();
+
+    switch (e.keyCode) {
+    case 37: // left arrow
+        if (currentTabIndex > 0) {
+            tabview.selectChild(currentTabIndex - 1);
+            inputNode.focus();
+        }
+        break;
+
+    case 39: // right arrow
+        if (currentTabIndex < (Y.Object.size(tabs) - 2)) {
+            tabview.selectChild(currentTabIndex + 1);
+            inputNode.focus();
+        }
+        break;
+    }
+}
+
+}, '3.4.0', {requires: [
+    'api-filter', 'api-search', 'event-key', 'node-focusmanager', 'tabview'
+]});
diff --git a/app/lib/gamepad/doc/assets/js/api-search.js b/app/lib/gamepad/doc/assets/js/api-search.js
new file mode 100644
index 0000000..175f6a6
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/js/api-search.js
@@ -0,0 +1,98 @@
+YUI.add('api-search', function (Y) {
+
+var Lang   = Y.Lang,
+    Node   = Y.Node,
+    YArray = Y.Array;
+
+Y.APISearch = Y.Base.create('apiSearch', Y.Base, [Y.AutoCompleteBase], {
+    // -- Public Properties ----------------------------------------------------
+    RESULT_TEMPLATE:
+        '<li class="result {resultType}">' +
+            '<a href="{url}">' +
+                '<h3 class="title">{name}</h3>' +
+                '<span class="type">{resultType}</span>' +
+                '<div class="description">{description}</div>' +
+                '<span class="className">{class}</span>' +
+            '</a>' +
+        '</li>',
+
+    // -- Initializer ----------------------------------------------------------
+    initializer: function () {
+        this._bindUIACBase();
+        this._syncUIACBase();
+    },
+
+    // -- Protected Methods ----------------------------------------------------
+    _apiResultFilter: function (query, results) {
+        // Filter components out of the results.
+        return YArray.filter(results, function (result) {
+            return result.raw.resultType === 'component' ? false : result;
+        });
+    },
+
+    _apiResultFormatter: function (query, results) {
+        return YArray.map(results, function (result) {
+            var raw  = Y.merge(result.raw), // create a copy
+                desc = raw.description || '';
+
+            // Convert description to text and truncate it if necessary.
+            desc = Node.create('<div>' + desc + '</div>').get('text');
+
+            if (desc.length > 65) {
+                desc = Y.Escape.html(desc.substr(0, 65)) + ' &hellip;';
+            } else {
+                desc = Y.Escape.html(desc);
+            }
+
+            raw['class'] || (raw['class'] = '');
+            raw.description = desc;
+
+            // Use the highlighted result name.
+            raw.name = result.highlighted;
+
+            return Lang.sub(this.RESULT_TEMPLATE, raw);
+        }, this);
+    },
+
+    _apiTextLocator: function (result) {
+        return result.displayName || result.name;
+    }
+}, {
+    // -- Attributes -----------------------------------------------------------
+    ATTRS: {
+        resultFormatter: {
+            valueFn: function () {
+                return this._apiResultFormatter;
+            }
+        },
+
+        resultFilters: {
+            valueFn: function () {
+                return this._apiResultFilter;
+            }
+        },
+
+        resultHighlighter: {
+            value: 'phraseMatch'
+        },
+
+        resultListLocator: {
+            value: 'data.results'
+        },
+
+        resultTextLocator: {
+            valueFn: function () {
+                return this._apiTextLocator;
+            }
+        },
+
+        source: {
+            value: '/api/v1/search?q={query}&count={maxResults}'
+        }
+    }
+});
+
+}, '3.4.0', {requires: [
+    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources',
+    'escape'
+]});
diff --git a/app/lib/gamepad/doc/assets/js/apidocs.js b/app/lib/gamepad/doc/assets/js/apidocs.js
new file mode 100644
index 0000000..e00591c
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/js/apidocs.js
@@ -0,0 +1,370 @@
+YUI().use(
+    'yuidoc-meta',
+    'api-list', 'history-hash', 'node-screen', 'node-style', 'pjax',
+function (Y) {
+
+var win          = Y.config.win,
+    localStorage = win.localStorage,
+
+    bdNode = Y.one('#bd'),
+
+    pjax,
+    defaultRoute,
+
+    classTabView,
+    selectedTab;
+
+// Kill pjax functionality unless serving over HTTP.
+if (!Y.getLocation().protocol.match(/^https?\:/)) {
+    Y.Router.html5 = false;
+}
+
+// Create the default route with middleware which enables syntax highlighting
+// on the loaded content.
+defaultRoute = Y.Pjax.defaultRoute.concat(function (req, res, next) {
+    prettyPrint();
+    bdNode.removeClass('loading');
+
+    next();
+});
+
+pjax = new Y.Pjax({
+    container      : '#docs-main',
+    contentSelector: '#docs-main > .content',
+    linkSelector   : '#bd a',
+    titleSelector  : '#xhr-title',
+
+    navigateOnHash: true,
+    root          : '/',
+    routes        : [
+        // -- / ----------------------------------------------------------------
+        {
+            path     : '/(index.html)?',
+            callbacks: defaultRoute
+        },
+
+        // -- /classes/* -------------------------------------------------------
+        {
+            path     : '/classes/:class.html*',
+            callbacks: [defaultRoute, 'handleClasses']
+        },
+
+        // -- /files/* ---------------------------------------------------------
+        {
+            path     : '/files/*file',
+            callbacks: [defaultRoute, 'handleFiles']
+        },
+
+        // -- /modules/* -------------------------------------------------------
+        {
+            path     : '/modules/:module.html*',
+            callbacks: defaultRoute
+        }
+    ]
+});
+
+// -- Utility Functions --------------------------------------------------------
+
+pjax.checkVisibility = function (tab) {
+    tab || (tab = selectedTab);
+
+    if (!tab) { return; }
+
+    var panelNode = tab.get('panelNode'),
+        visibleItems;
+
+    // If no items are visible in the tab panel due to the current visibility
+    // settings, display a message to that effect.
+    visibleItems = panelNode.all('.item,.index-item').some(function (itemNode) {
+        if (itemNode.getComputedStyle('display') !== 'none') {
+            return true;
+        }
+    });
+
+    panelNode.all('.no-visible-items').remove();
+
+    if (!visibleItems) {
+        if (Y.one('#index .index-item')) {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'Some items are not shown due to the current visibility ' +
+                    'settings. Use the checkboxes at the upper right of this ' +
+                    'page to change the visibility settings.' +
+                    '</p>' +
+                '</div>'
+            );
+        } else {
+            panelNode.append(
+                '<div class="no-visible-items">' +
+                    '<p>' +
+                    'This class doesn\'t provide any methods, properties, ' +
+                    'attributes, or events.' +
+                    '</p>' +
+                '</div>'
+            );
+        }
+    }
+
+    // Hide index sections without any visible items.
+    Y.all('.index-section').each(function (section) {
+        var items        = 0,
+            visibleItems = 0;
+
+        section.all('.index-item').each(function (itemNode) {
+            items += 1;
+
+            if (itemNode.getComputedStyle('display') !== 'none') {
+                visibleItems += 1;
+            }
+        });
+
+        section.toggleClass('hidden', !visibleItems);
+        section.toggleClass('no-columns', visibleItems < 4);
+    });
+};
+
+pjax.initClassTabView = function () {
+    if (!Y.all('#classdocs .api-class-tab').size()) {
+        return;
+    }
+
+    if (classTabView) {
+        classTabView.destroy();
+        selectedTab = null;
+    }
+
+    classTabView = new Y.TabView({
+        srcNode: '#classdocs',
+
+        on: {
+            selectionChange: pjax.onTabSelectionChange
+        }
+    });
+
+    pjax.updateTabState();
+    classTabView.render();
+};
+
+pjax.initLineNumbers = function () {
+    var hash      = win.location.hash.substring(1),
+        container = pjax.get('container'),
+        hasLines, node;
+
+    // Add ids for each line number in the file source view.
+    container.all('.linenums>li').each(function (lineNode, index) {
+        lineNode.set('id', 'l' + (index + 1));
+        lineNode.addClass('file-line');
+        hasLines = true;
+    });
+
+    // Scroll to the desired line.
+    if (hasLines && /^l\d+$/.test(hash)) {
+        if ((node = container.getById(hash))) {
+            win.scroll(0, node.getY());
+        }
+    }
+};
+
+pjax.initRoot = function () {
+    var terminators = /^(?:classes|files|modules)$/,
+        parts       = pjax._getPathRoot().split('/'),
+        root        = [],
+        i, len, part;
+
+    for (i = 0, len = parts.length; i < len; i += 1) {
+        part = parts[i];
+
+        if (part.match(terminators)) {
+            // Makes sure the path will end with a "/".
+            root.push('');
+            break;
+        }
+
+        root.push(part);
+    }
+
+    pjax.set('root', root.join('/'));
+};
+
+pjax.updateTabState = function (src) {
+    var hash = win.location.hash.substring(1),
+        defaultTab, node, tab, tabPanel;
+
+    function scrollToNode() {
+        if (node.hasClass('protected')) {
+            Y.one('#api-show-protected').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        if (node.hasClass('private')) {
+            Y.one('#api-show-private').set('checked', true);
+            pjax.updateVisibility();
+        }
+
+        setTimeout(function () {
+            // For some reason, unless we re-get the node instance here,
+            // getY() always returns 0.
+            var node = Y.one('#classdocs').getById(hash);
+            win.scrollTo(0, node.getY() - 70);
+        }, 1);
+    }
+
+    if (!classTabView) {
+        return;
+    }
+
+    if (src === 'hashchange' && !hash) {
+        defaultTab = 'index';
+    } else {
+        if (localStorage) {
+            defaultTab = localStorage.getItem('tab_' + pjax.getPath()) ||
+                'index';
+        } else {
+            defaultTab = 'index';
+        }
+    }
+
+    if (hash && (node = Y.one('#classdocs').getById(hash))) {
+        if ((tabPanel = node.ancestor('.api-class-tabpanel', true))) {
+            if ((tab = Y.one('#classdocs .api-class-tab.' + tabPanel.get('id')))) {
+                if (classTabView.get('rendered')) {
+                    Y.Widget.getByNode(tab).set('selected', 1);
+                } else {
+                    tab.addClass('yui3-tab-selected');
+                }
+            }
+        }
+
+        // Scroll to the desired element if this is a hash URL.
+        if (node) {
+            if (classTabView.get('rendered')) {
+                scrollToNode();
+            } else {
+                classTabView.once('renderedChange', scrollToNode);
+            }
+        }
+    } else {
+        tab = Y.one('#classdocs .api-class-tab.' + defaultTab);
+
+        // When the `defaultTab` node isn't found, `localStorage` is stale.
+        if (!tab && defaultTab !== 'index') {
+            tab = Y.one('#classdocs .api-class-tab.index');
+        }
+
+        if (classTabView.get('rendered')) {
+            Y.Widget.getByNode(tab).set('selected', 1);
+        } else {
+            tab.addClass('yui3-tab-selected');
+        }
+    }
+};
+
+pjax.updateVisibility = function () {
+    var container = pjax.get('container');
+
+    container.toggleClass('hide-inherited',
+            !Y.one('#api-show-inherited').get('checked'));
+
+    container.toggleClass('show-deprecated',
+            Y.one('#api-show-deprecated').get('checked'));
+
+    container.toggleClass('show-protected',
+            Y.one('#api-show-protected').get('checked'));
+
+    container.toggleClass('show-private',
+            Y.one('#api-show-private').get('checked'));
+
+    pjax.checkVisibility();
+};
+
+// -- Route Handlers -----------------------------------------------------------
+
+pjax.handleClasses = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (res.ioResponse.readyState === 4 && (!status || (status >= 200 && status < 300))) {
+        pjax.initClassTabView();
+    }
+
+    next();
+};
+
+pjax.handleFiles = function (req, res, next) {
+    var status = res.ioResponse.status;
+
+    // Handles success and local filesystem XHRs.
+    if (res.ioResponse.readyState === 4 && (!status || (status >= 200 && status < 300))) {
+        pjax.initLineNumbers();
+    }
+
+    next();
+};
+
+// -- Event Handlers -----------------------------------------------------------
+
+pjax.onNavigate = function (e) {
+    var hash         = e.hash,
+        originTarget = e.originEvent && e.originEvent.target,
+        tab;
+
+    if (hash) {
+        tab = originTarget && originTarget.ancestor('.yui3-tab', true);
+
+        if (hash === win.location.hash) {
+            pjax.updateTabState('hashchange');
+        } else if (!tab) {
+            win.location.hash = hash;
+        }
+
+        e.preventDefault();
+        return;
+    }
+
+    // Only scroll to the top of the page when the URL doesn't have a hash.
+    this.set('scrollToTop', !e.url.match(/#.+$/));
+
+    bdNode.addClass('loading');
+};
+
+pjax.onOptionClick = function (e) {
+    pjax.updateVisibility();
+};
+
+pjax.onTabSelectionChange = function (e) {
+    var tab   = e.newVal,
+        tabId = tab.get('contentBox').getAttribute('href').substring(1);
+
+    selectedTab = tab;
+
+    // If switching from a previous tab (i.e., this is not the default tab),
+    // replace the history entry with a hash URL that will cause this tab to
+    // be selected if the user navigates away and then returns using the back
+    // or forward buttons.
+    if (e.prevVal && localStorage) {
+        localStorage.setItem('tab_' + pjax.getPath(), tabId);
+    }
+
+    pjax.checkVisibility(tab);
+};
+
+// -- Init ---------------------------------------------------------------------
+
+pjax.on('navigate', pjax.onNavigate);
+
+pjax.initRoot();
+pjax.upgrade();
+pjax.initClassTabView();
+pjax.initLineNumbers();
+pjax.updateVisibility();
+
+Y.APIList.rootPath = pjax.get('root');
+
+Y.one('#api-options').delegate('click', pjax.onOptionClick, 'input');
+
+Y.on('hashchange', function (e) {
+    pjax.updateTabState('hashchange');
+}, win);
+
+});
diff --git a/app/lib/gamepad/doc/assets/js/yui-prettify.js b/app/lib/gamepad/doc/assets/js/yui-prettify.js
new file mode 100644
index 0000000..18de864
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/js/yui-prettify.js
@@ -0,0 +1,17 @@
+YUI().use('node', function(Y) {
+    var code = Y.all('.prettyprint.linenums');
+    if (code.size()) {
+        code.each(function(c) {
+            var lis = c.all('ol li'),
+                l = 1;
+            lis.each(function(n) {
+                n.prepend('<a name="LINENUM_' + l + '"></a>');
+                l++;
+            });
+        });
+        var h = location.hash;
+        location.hash = '';
+        h = h.replace('LINE_', 'LINENUM_');
+        location.hash = h;
+    }
+});
diff --git a/app/lib/gamepad/doc/assets/vendor/prettify/CHANGES.html b/app/lib/gamepad/doc/assets/vendor/prettify/CHANGES.html
new file mode 100644
index 0000000..b50b841
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/vendor/prettify/CHANGES.html
@@ -0,0 +1,130 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <title>Change Log</title>
+  </head>
+  <body bgcolor="white">
+    <a style="float:right" href="README.html">README</a>
+
+    <h1>Known Issues</h1>
+    <ul>
+      <li>Perl formatting is really crappy.  Partly because the author is lazy and
+      partly because Perl is
+      <a href="http://www.perlmonks.org/?node_id=663393">hard</a> to parse.
+      <li>On some browsers, <code>&lt;code&gt;</code> elements with newlines in the text
+      which use CSS to specify <code>white-space:pre</code> will have the newlines
+      improperly stripped if the element is not attached to the document at the time
+      the stripping is done.  Also, on IE 6, all newlines will be stripped from
+      <code>&lt;code&gt;</code> elements because of the way IE6 produces
+      <code>innerHTML</code>.  Workaround: use <code>&lt;pre&gt;</code> for code with
+      newlines.
+    </ul>
+
+    <h1>Change Log</h1>
+    <h2>29 March 2007</h2>
+    <ul>
+      <li>Added <a href="tests/prettify_test.html#PHP">tests</a> for PHP support
+        to address 
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=3"
+       >issue 3</a>.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=6"
+       >bug</a>: <code>prettyPrintOne</code> was not halting.  This was not
+        reachable through the normal entry point.
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >bug</a>: recursing into a script block or PHP tag that was not properly
+        closed would not silently drop the content.
+        (<a href="tests/prettify_test.html#issue4">test</a>)
+      <li>Fixed
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=8"
+       >bug</a>: was eating tabs
+        (<a href="tests/prettify_test.html#issue8">test</a>)
+      <li>Fixed entity handling so that the caveat
+        <blockquote>
+          <p>Caveats: please properly escape less-thans.  <tt>x&amp;lt;y</tt>
+          instead of <tt>x&lt;y</tt>, and use <tt>&quot;</tt> instead of 
+          <tt>&amp;quot;</tt> for string delimiters.</p>
+        </blockquote>
+        is no longer applicable.
+      <li>Added noisefree's C#
+      <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=4"
+       >patch</a>
+      <li>Added a <a href="http://google-code-prettify.googlecode.com/files/prettify-small.zip">distribution</a> that has comments and
+        whitespace removed to reduce download size from 45.5kB to 12.8kB.
+    </ul>
+    <h2>4 Jul 2008</h2>
+    <ul>
+      <li>Added <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=17">language specific formatters</a> that are triggered by the presence
+      of a <code>lang-&lt;language-file-extension&gt;</code></li>
+      <li>Fixed <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=29">bug</a>: python handling of <code>'''string'''</code>
+      <li>Fixed bug: <code>/</code> in regex <code>[charsets] should not end regex</code>
+    </ul>
+    <h2>5 Jul 2008</h2>
+    <ul>
+      <li>Defined language extensions for Lisp and Lua</code>
+    </ul>
+    <h2>14 Jul 2008</h2>
+    <ul>
+      <li>Language handlers for F#, OCAML, SQL</code>
+      <li>Support for <code>nocode</code> spans to allow embedding of line
+      numbers and code annotations which should not be styled or otherwise
+      affect the tokenization of prettified code.
+      See the issue 22
+      <a href="tests/prettify_test.html#issue22">testcase</a>.</code>
+    </ul>
+    <h2>6 Jan 2009</h2>
+    <ul>
+      <li>Language handlers for Visual Basic, Haskell, CSS, and WikiText</li>
+      <li>Added <tt>.mxml</tt> extension to the markup style handler for
+        Flex <a href="http://en.wikipedia.org/wiki/MXML">MXML files</a>.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=37"
+        >issue 37</a>.
+      <li>Added <tt>.m</tt> extension to the C style handler so that Objective
+        C source files properly highlight.  See
+        <a
+        href="http://code.google.com/p/google-code-prettify/issues/detail?id=58"
+       >issue 58</a>.
+      <li>Changed HTML lexer to use the same embedded source mechanism as the
+        wiki language handler, and changed to use the registered
+        CSS handler for STYLE element content.
+    </ul>
+    <h2>21 May 2009</h2>
+    <ul>
+      <li>Rewrote to improve performance on large files.
+        See <a href="http://mikesamuel.blogspot.com/2009/05/efficient-parsing-in-javascript.html">benchmarks</a>.</li>
+      <li>Fixed bugs with highlighting of Haskell line comments, Lisp
+        number literals, Lua strings, C preprocessor directives,
+        newlines in Wiki code on Windows, and newlines in IE6.</li>
+    </ul>
+    <h2>14 August 2009</h2>
+    <ul>
+      <li>Fixed prettifying of <code>&lt;code&gt;</code> blocks with embedded newlines.
+    </ul>
+    <h2>3 October 2009</h2>
+    <ul>
+      <li>Fixed prettifying of XML/HTML tags that contain uppercase letters.
+    </ul>
+    <h2>19 July 2010</h2>
+    <ul>
+      <li>Added support for line numbers.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=22"
+         >22</a></li>
+      <li>Added YAML support.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=123"
+         >123</a></li>
+      <li>Added VHDL support courtesy Le Poussin.</li>
+      <li>IE performance improvements.  Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=102"
+         >102</a> courtesy jacobly.</li>
+      <li>A variety of markup formatting fixes courtesy smain and thezbyg.</li>
+      <li>Fixed copy and paste in IE[678].
+      <li>Changed output to use <code>&amp;#160;</code> instead of
+        <code>&amp;nbsp;</code> so that the output works when embedded in XML.
+        Bug
+        <a href="http://code.google.com/p/google-code-prettify/issues/detail?id=108"
+         >108</a>.</li>
+    </ul>
+  </body>
+</html>
diff --git a/app/lib/gamepad/doc/assets/vendor/prettify/COPYING b/app/lib/gamepad/doc/assets/vendor/prettify/COPYING
new file mode 100644
index 0000000..d645695
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/vendor/prettify/COPYING
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/app/lib/gamepad/doc/assets/vendor/prettify/README.html b/app/lib/gamepad/doc/assets/vendor/prettify/README.html
new file mode 100644
index 0000000..c6fe1a3
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/vendor/prettify/README.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+  <head>
+    <title>Javascript code prettifier</title>
+
+    <link href="src/prettify.css" type="text/css" rel="stylesheet" />
+
+    <script src="src/prettify.js" type="text/javascript"></script>
+
+    <style type="text/css">
+      body { margin-left: .5in }
+      h1, h2, h3, h4, .footer { margin-left: -.4in; }
+    </style>
+  </head>
+
+  <body onload="prettyPrint()" bgcolor="white">
+    <small style="float: right">Languages : <a href="README-zh-Hans.html">CH</a></small>
+    <h1>Javascript code prettifier</h1>
+
+    <h2>Setup</h2>
+    <ol>
+      <li><a href="http://code.google.com/p/google-code-prettify/downloads/list">Download</a> a distribution
+      <li>Include the script and stylesheets in your document
+        (you will need to make sure the css and js file are on your server, and
+         adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)
+        <pre class="prettyprint">
+&lt;link href="prettify.css" type="text/css" rel="stylesheet" />
+&lt;script type="text/javascript" src="prettify.js">&lt;/script></pre>
+      <li>Add <code class="prettyprint lang-html">onload="prettyPrint()"</code> to your
+      document's body tag.
+      <li>Modify the stylesheet to get the coloring you prefer</li>
+    </ol>
+
+    <h2>Usage</h2>
+    <p>Put code snippets in
+    <tt>&lt;pre class="prettyprint"&gt;...&lt;/pre&gt;</tt>
+    or <tt>&lt;code class="prettyprint"&gt;...&lt;/code&gt;</tt>
+    and it will automatically be pretty printed.
+
+    <table summary="code examples">
+      <tr>
+        <th>The original
+        <th>Prettier
+      <tr>
+        <td><pre style="border: 1px solid #888;padding: 2px"
+             ><a name="voila1"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila1">tags</a>.
+}</pre>
+
+        <td><pre class="prettyprint"><a name="voila2"></a>class Voila {
+public:
+  // Voila
+  static const string VOILA = "Voila";
+
+  // will not interfere with embedded <a href="#voila2">tags</a>.
+}</pre>
+    </table>
+
+    <h2>FAQ</h2>
+    <h3 id="langs">Which languages does it work for?</h3>
+    <p>The comments in <tt>prettify.js</tt> are authoritative but the lexer
+    should work on a number of languages including C and friends,
+    Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles.
+    It works passably on Ruby, PHP, VB, and Awk and a decent subset of Perl
+    and Ruby, but, because of commenting conventions, doesn't work on
+    Smalltalk, or CAML-like languages.</p>
+
+    <p>LISPy languages are supported via an extension:
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"
+     ><code>lang-lisp.js</code></a>.</p>
+    <p>And similarly for
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-css.js"
+     ><code>CSS</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-hs.js"
+     ><code>Haskell</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lua.js"
+     ><code>Lua</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-ml.js"
+     ><code>OCAML, SML, F#</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vb.js"
+     ><code>Visual Basic</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-sql.js"
+     ><code>SQL</code></a>,
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-proto.js"
+     ><code>Protocol Buffers</code></a>, and
+    <a href="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js"
+     ><code>WikiText</code></a>..
+
+    <p>If you'd like to add an extension for your favorite language, please
+    look at <tt>src/lang-lisp.js</tt> and file an
+    <a href="http://code.google.com/p/google-code-prettify/issues/list"
+     >issue</a> including your language extension, and a testcase.</p>
+
+    <h3>How do I specify which language my code is in?</h3>
+    <p>You don't need to specify the language since <code>prettyprint()</code>
+    will guess.  You can specify a language by specifying the language extension
+    along with the <code>prettyprint</code> class like so:</p>
+    <pre class="prettyprint lang-html"
+>&lt;pre class=&quot;prettyprint <b>lang-html</b>&quot;&gt;
+  The lang-* class specifies the language file extensions.
+  File extensions supported by default include
+    "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
+    "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
+    "xhtml", "xml", "xsl".
+&lt;/pre&gt;</pre>
+
+    <h3>It doesn't work on <tt>&lt;obfuscated code sample&gt;</tt>?</h3>
+    <p>Yes.  Prettifying obfuscated code is like putting lipstick on a pig
+    &mdash; i.e. outside the scope of this tool.</p>
+
+    <h3>Which browsers does it work with?</h3>
+    <p>It's been tested with IE 6, Firefox 1.5 &amp; 2, and Safari 2.0.4.
+    Look at <a href="tests/prettify_test.html">the test page</a> to see if it
+    works in your browser.</p>
+
+    <h3>What's changed?</h3>
+    <p>See the <a href="CHANGES.html">change log</a></p>
+
+    <h3>Why doesn't Prettyprinting of strings work on WordPress?</h3>
+    <p>Apparently wordpress does "smart quoting" which changes close quotes.
+    This causes end quotes to not match up with open quotes.
+    <p>This breaks prettifying as well as copying and pasting of code samples.
+    See
+    <a href="http://wordpress.org/support/topic/125038"
+    >WordPress's help center</a> for info on how to stop smart quoting of code
+    snippets.</p>
+
+    <h3 id="linenums">How do I put line numbers in my code?</h3>
+    <p>You can use the <code>linenums</code> class to turn on line
+    numbering.  If your code doesn't start at line number 1, you can
+    add a colon and a line number to the end of that class as in
+    <code>linenums:52</code>.
+
+    <p>For example
+<pre class="prettyprint">&lt;pre class="prettyprint linenums:<b>4</b>"
+&gt;// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+&lt;pre&gt;</pre>
+    produces
+<pre class="prettyprint linenums:4"
+>// This is line 4.
+foo();
+bar();
+baz();
+boo();
+far();
+faz();
+</pre>
+
+    <h3>How do I prevent a portion of markup from being marked as code?</h3>
+    <p>You can use the <code>nocode</code> class to identify a span of markup
+    that is not code.
+<pre class="prettyprint">&lt;pre class=prettyprint&gt;
+int x = foo();  /* This is a comment  &lt;span class="nocode"&gt;This is not code&lt;/span&gt;
+  Continuation of comment */
+int y = bar();
+&lt;/pre&gt;</pre>
+produces
+<pre class="prettyprint">
+int x = foo();  /* This is a comment  <span class="nocode">This is not code</span>
+  Continuation of comment */
+int y = bar();
+</pre>
+
+    <p>For a more complete example see the issue22
+    <a href="tests/prettify_test.html#issue22">testcase</a>.</p>
+
+    <h3>I get an error message "a is not a function" or "opt_whenDone is not a function"</h3>
+    <p>If you are calling <code>prettyPrint</code> via an event handler, wrap it in a function.
+    Instead of doing
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', prettyPrint, false);</code>
+    </blockquote>
+    wrap it in a closure like
+    <blockquote>
+      <code class="prettyprint lang-js"
+       >addEventListener('load', function (event) { prettyPrint() }, false);</code>
+    </blockquote>
+    so that the browser does not pass an event object to <code>prettyPrint</code> which
+    will confuse it.
+
+    <br><br><br>
+
+    <div class="footer">
+<!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->
+<!-- hhmts start -->
+Last modified: Wed Jul 19 13:56:00 PST 2010
+<!-- hhmts end -->
+    </div>
+  </body>
+</html>
diff --git a/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.css b/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.css
new file mode 100644
index 0000000..d44b3a2
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.css
@@ -0,0 +1 @@
+.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
\ No newline at end of file
diff --git a/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.js b/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.js
new file mode 100644
index 0000000..4845d05
--- /dev/null
+++ b/app/lib/gamepad/doc/assets/vendor/prettify/prettify-min.js
@@ -0,0 +1 @@
+window.PR_SHOULD_USE_CONTINUATION=true;var prettyPrintOne;var prettyPrint;(function(){var O=window;var j=["break,continue,do,else,for,if,return,while"];var v=[j,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var q=[v,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var m=[q,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var y=[q,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var T=[y,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"];var s="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes";var x=[q,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var t="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var J=[j,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var g=[j,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var I=[j,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var B=[m,T,x,t+J,g,I];var f=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/;var D="str";var A="kwd";var k="com";var Q="typ";var H="lit";var M="pun";var G="pln";var n="tag";var F="dec";var K="src";var R="atn";var o="atv";var P="nocode";var N="(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function l(ab){var af=0;var U=false;var ae=false;for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.ignoreCase){ae=true}else{if(/[a-z]/i.test(ag.source.replace(/\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi,""))){U=true;ae=false;break}}}var aa={b:8,t:9,n:10,v:11,f:12,r:13};function ad(aj){var ai=aj.charCodeAt(0);if(ai!==92){return ai}var ah=aj.charAt(1);ai=aa[ah];if(ai){return ai}else{if("0"<=ah&&ah<="7"){return parseInt(aj.substring(1),8)}else{if(ah==="u"||ah==="x"){return parseInt(aj.substring(2),16)}else{return aj.charCodeAt(1)}}}}function V(ah){if(ah<32){return(ah<16?"\\x0":"\\x")+ah.toString(16)}var ai=String.fromCharCode(ah);return(ai==="\\"||ai==="-"||ai==="]"||ai==="^")?"\\"+ai:ai}function Z(an){var ar=an.substring(1,an.length-1).match(new RegExp("\\\\u[0-9A-Fa-f]{4}|\\\\x[0-9A-Fa-f]{2}|\\\\[0-3][0-7]{0,2}|\\\\[0-7]{1,2}|\\\\[\\s\\S]|-|[^-\\\\]","g"));var ah=[];var ap=ar[0]==="^";var ao=["["];if(ap){ao.push("^")}for(var at=ap?1:0,al=ar.length;at<al;++at){var aj=ar[at];if(/\\[bdsw]/i.test(aj)){ao.push(aj)}else{var ai=ad(aj);var am;if(at+2<al&&"-"===ar[at+1]){am=ad(ar[at+2]);at+=2}else{am=ai}ah.push([ai,am]);if(!(am<65||ai>122)){if(!(am<65||ai>90)){ah.push([Math.max(65,ai)|32,Math.min(am,90)|32])}if(!(am<97||ai>122)){ah.push([Math.max(97,ai)&~32,Math.min(am,122)&~32])}}}}ah.sort(function(aw,av){return(aw[0]-av[0])||(av[1]-aw[1])});var ak=[];var aq=[];for(var at=0;at<ah.length;++at){var au=ah[at];if(au[0]<=aq[1]+1){aq[1]=Math.max(aq[1],au[1])}else{ak.push(aq=au)}}for(var at=0;at<ak.length;++at){var au=ak[at];ao.push(V(au[0]));if(au[1]>au[0]){if(au[1]+1>au[0]){ao.push("-")}ao.push(V(au[1]))}}ao.push("]");return ao.join("")}function Y(an){var al=an.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var aj=al.length;var ap=[];for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai==="("){++ao}else{if("\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah){if(ah<=ao){ap[ah]=-1}else{al[am]=V(ah)}}}}}for(var am=1;am<ap.length;++am){if(-1===ap[am]){ap[am]=++af}}for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai==="("){++ao;if(!ap[ao]){al[am]="(?:"}}else{if("\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah&&ah<=ao){al[am]="\\"+ap[ah]}}}}for(var am=0;am<aj;++am){if("^"===al[am]&&"^"!==al[am+1]){al[am]=""}}if(an.ignoreCase&&U){for(var am=0;am<aj;++am){var ai=al[am];var ak=ai.charAt(0);if(ai.length>=2&&ak==="["){al[am]=Z(ai)}else{if(ak!=="\\"){al[am]=ai.replace(/[a-zA-Z]/g,function(aq){var ar=aq.charCodeAt(0);return"["+String.fromCharCode(ar&~32,ar|32)+"]"})}}}}return al.join("")}var ac=[];for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.global||ag.multiline){throw new Error(""+ag)}ac.push("(?:"+Y(ag)+")")}return new RegExp(ac.join("|"),ae?"gi":"g")}function b(aa,Y){var W=/(?:^|\s)nocode(?:\s|$)/;var ab=[];var Z=0;var X=[];var V=0;function U(ac){switch(ac.nodeType){case 1:if(W.test(ac.className)){return}for(var af=ac.firstChild;af;af=af.nextSibling){U(af)}var ae=ac.nodeName.toLowerCase();if("br"===ae||"li"===ae){ab[V]="\n";X[V<<1]=Z++;X[(V++<<1)|1]=ac}break;case 3:case 4:var ad=ac.nodeValue;if(ad.length){if(!Y){ad=ad.replace(/[ \t\r\n]+/g," ")}else{ad=ad.replace(/\r\n?/g,"\n")}ab[V]=ad;X[V<<1]=Z;Z+=ad.length;X[(V++<<1)|1]=ac}break}}U(aa);return{sourceCode:ab.join("").replace(/\n$/,""),spans:X}}function C(U,W,Y,V){if(!W){return}var X={sourceCode:W,basePos:U};Y(X);V.push.apply(V,X.decorations)}var w=/\S/;function p(U){var X=undefined;for(var W=U.firstChild;W;W=W.nextSibling){var V=W.nodeType;X=(V===1)?(X?U:W):(V===3)?(w.test(W.nodeValue)?U:X):X}return X===U?undefined:X}function h(W,V){var U={};var X;(function(){var af=W.concat(V);var aj=[];var ai={};for(var ad=0,ab=af.length;ad<ab;++ad){var aa=af[ad];var ae=aa[3];if(ae){for(var ag=ae.length;--ag>=0;){U[ae.charAt(ag)]=aa}}var ah=aa[1];var ac=""+ah;if(!ai.hasOwnProperty(ac)){aj.push(ah);ai[ac]=null}}aj.push(/[\0-\uffff]/);X=l(aj)})();var Z=V.length;var Y=function(aj){var ab=aj.sourceCode,aa=aj.basePos;var af=[aa,G];var ah=0;var ap=ab.match(X)||[];var al={};for(var ag=0,at=ap.length;ag<at;++ag){var ai=ap[ag];var ar=al[ai];var ak=void 0;var ao;if(typeof ar==="string"){ao=false}else{var ac=U[ai.charAt(0)];if(ac){ak=ai.match(ac[1]);ar=ac[0]}else{for(var aq=0;aq<Z;++aq){ac=V[aq];ak=ai.match(ac[1]);if(ak){ar=ac[0];break}}if(!ak){ar=G}}ao=ar.length>=5&&"lang-"===ar.substring(0,5);if(ao&&!(ak&&typeof ak[1]==="string")){ao=false;ar=K}if(!ao){al[ai]=ar}}var ad=ah;ah+=ai.length;if(!ao){af.push(aa+ad,ar)}else{var an=ak[1];var am=ai.indexOf(an);var ae=am+an.length;if(ak[2]){ae=ai.length-ak[2].length;am=ae-an.length}var au=ar.substring(5);C(aa+ad,ai.substring(0,am),Y,af);C(aa+ad+am,an,r(au,an),af);C(aa+ad+ae,ai.substring(ae),Y,af)}}aj.decorations=af};return Y}function i(V){var Y=[],U=[];if(V.tripleQuotedStrings){Y.push([D,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(V.multiLineStrings){Y.push([D,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{Y.push([D,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(V.verbatimStrings){U.push([D,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var ab=V.hashComments;if(ab){if(V.cStyleComments){if(ab>1){Y.push([k,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{Y.push([k,/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}U.push([D,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,null])}else{Y.push([k,/^#[^\r\n]*/,null,"#"])}}if(V.cStyleComments){U.push([k,/^\/\/[^\r\n]*/,null]);U.push([k,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(V.regexLiterals){var aa=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");U.push(["lang-regex",new RegExp("^"+N+"("+aa+")")])}var X=V.types;if(X){U.push([Q,X])}var W=(""+V.keywords).replace(/^ | $/g,"");if(W.length){U.push([A,new RegExp("^(?:"+W.replace(/[\s,]+/g,"|")+")\\b"),null])}Y.push([G,/^\s+/,null," \r\n\t\xA0"]);var Z=/^.[^\s\w\.$@\'\"\`\/\\]*/;U.push([H,/^@[a-z_$][a-z_$@0-9]*/i,null],[Q,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[G,/^[a-z_$][a-z_$@0-9]*/i,null],[H,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[G,/^\\[\s\S]?/,null],[M,Z,null]);return h(Y,U)}var L=i({keywords:B,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function S(W,ah,aa){var V=/(?:^|\s)nocode(?:\s|$)/;var ac=/\r\n?|\n/;var ad=W.ownerDocument;var ag=ad.createElement("li");while(W.firstChild){ag.appendChild(W.firstChild)}var X=[ag];function af(am){switch(am.nodeType){case 1:if(V.test(am.className)){break}if("br"===am.nodeName){ae(am);if(am.parentNode){am.parentNode.removeChild(am)}}else{for(var ao=am.firstChild;ao;ao=ao.nextSibling){af(ao)}}break;case 3:case 4:if(aa){var an=am.nodeValue;var ak=an.match(ac);if(ak){var aj=an.substring(0,ak.index);am.nodeValue=aj;var ai=an.substring(ak.index+ak[0].length);if(ai){var al=am.parentNode;al.insertBefore(ad.createTextNode(ai),am.nextSibling)}ae(am);if(!aj){am.parentNode.removeChild(am)}}}break}}function ae(al){while(!al.nextSibling){al=al.parentNode;if(!al){return}}function aj(am,at){var ar=at?am.cloneNode(false):am;var ap=am.parentNode;if(ap){var aq=aj(ap,1);var ao=am.nextSibling;aq.appendChild(ar);for(var an=ao;an;an=ao){ao=an.nextSibling;aq.appendChild(an)}}return ar}var ai=aj(al.nextSibling,0);for(var ak;(ak=ai.parentNode)&&ak.nodeType===1;){ai=ak}X.push(ai)}for(var Z=0;Z<X.length;++Z){af(X[Z])}if(ah===(ah|0)){X[0].setAttribute("value",ah)}var ab=ad.createElement("ol");ab.className="linenums";var Y=Math.max(0,((ah-1))|0)||0;for(var Z=0,U=X.length;Z<U;++Z){ag=X[Z];ag.className="L"+((Z+Y)%10);if(!ag.firstChild){ag.appendChild(ad.createTextNode("\xA0"))}ab.appendChild(ag)}W.appendChild(ab)}function E(af){var X=/\bMSIE\s(\d+)/.exec(navigator.userAgent);X=X&&+X[1]<=8;var ao=/\n/g;var an=af.sourceCode;var ap=an.length;var Y=0;var ad=af.spans;var V=ad.length;var aj=0;var aa=af.decorations;var ab=aa.length;var ac=0;aa[ab]=ap;var av,at;for(at=av=0;at<ab;){if(aa[at]!==aa[at+2]){aa[av++]=aa[at++];aa[av++]=aa[at++]}else{at+=2}}ab=av;for(at=av=0;at<ab;){var aw=aa[at];var ae=aa[at+1];var Z=at+2;while(Z+2<=ab&&aa[Z+1]===ae){Z+=2}aa[av++]=aw;aa[av++]=ae;at=Z}ab=aa.length=av;var au=af.sourceNode;var ak;if(au){ak=au.style.display;au.style.display="none"}try{var ah=null;while(aj<V){var ai=ad[aj];var U=ad[aj+2]||ap;var ar=aa[ac+2]||ap;var Z=Math.min(U,ar);var am=ad[aj+1];var W;if(am.nodeType!==1&&(W=an.substring(Y,Z))){if(X){W=W.replace(ao,"\r")}am.nodeValue=W;var al=am.ownerDocument;var aq=al.createElement("span");aq.className=aa[ac+1];var ag=am.parentNode;ag.replaceChild(aq,am);aq.appendChild(am);if(Y<U){ad[aj+1]=am=al.createTextNode(an.substring(Z,U));ag.insertBefore(am,aq.nextSibling)}}Y=Z;if(Y>=U){aj+=2}if(Y>=ar){ac+=2}}}finally{if(au){au.style.display=ak}}}var u={};function d(W,X){for(var U=X.length;--U>=0;){var V=X[U];if(!u.hasOwnProperty(V)){u[V]=W}else{if(O.console){console.warn("cannot override language handler %s",V)}}}}function r(V,U){if(!(V&&u.hasOwnProperty(V))){V=/^\s*</.test(U)?"default-markup":"default-code"}return u[V]}d(L,["default-code"]);d(h([],[[G,/^[^<?]+/],[F,/^<!\w[^>]*(?:>|$)/],[k,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[M,/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);d(h([[G,/^[\s]+/,null," \t\r\n"],[o,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[n,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[R,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[M,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);d(h([],[[o,/^[\s\S]+/]]),["uq.val"]);d(i({keywords:m,hashComments:true,cStyleComments:true,types:f}),["c","cc","cpp","cxx","cyc","m"]);d(i({keywords:"null,true,false"}),["json"]);d(i({keywords:T,hashComments:true,cStyleComments:true,verbatimStrings:true,types:f}),["cs"]);d(i({keywords:y,cStyleComments:true}),["java"]);d(i({keywords:I,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);d(i({keywords:J,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);d(i({keywords:t,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);d(i({keywords:g,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);d(i({keywords:x,cStyleComments:true,regexLiterals:true}),["js"]);d(i({keywords:s,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);d(h([],[[D,/^[\s\S]+/]]),["regex"]);function e(X){var W=X.langExtension;try{var U=b(X.sourceNode,X.pre);var V=U.sourceCode;X.sourceCode=V;X.spans=U.spans;X.basePos=0;r(W,V)(X);E(X)}catch(Y){if(O.console){console.log(Y&&Y.stack?Y.stack:Y)}}}function z(Y,X,W){var U=document.createElement("pre");U.innerHTML=Y;if(W){S(U,W,true)}var V={langExtension:X,numberLines:W,sourceNode:U,pre:1};e(V);return U.innerHTML}function c(aj){function ab(al){return document.getElementsByTagName(al)}var ah=[ab("pre"),ab("code"),ab("xmp")];var V=[];for(var ae=0;ae<ah.length;++ae){for(var ac=0,Y=ah[ae].length;ac<Y;++ac){V.push(ah[ae][ac])}}ah=null;var Z=Date;if(!Z.now){Z={now:function(){return +(new Date)}}}var aa=0;var U;var af=/\blang(?:uage)?-([\w.]+)(?!\S)/;var ak=/\bprettyprint\b/;var W=/\bprettyprinted\b/;var ag=/pre|xmp/i;var ai=/^code$/i;var ad=/^(?:pre|code|xmp)$/i;function X(){var ar=(O.PR_SHOULD_USE_CONTINUATION?Z.now()+250:Infinity);for(;aa<V.length&&Z.now()<ar;aa++){var at=V[aa];var au=at.className;if(ak.test(au)&&!W.test(au)){var aw=false;for(var ao=at.parentNode;ao;ao=ao.parentNode){var ax=ao.tagName;if(ad.test(ax)&&ao.className&&ak.test(ao.className)){aw=true;break}}if(!aw){at.className+=" prettyprinted";var aq=au.match(af);var am;if(!aq&&(am=p(at))&&ai.test(am.tagName)){aq=am.className.match(af)}if(aq){aq=aq[1]}var ap;if(ag.test(at.tagName)){ap=1}else{var an=at.currentStyle;var al=(an?an.whiteSpace:(document.defaultView&&document.defaultView.getComputedStyle)?document.defaultView.getComputedStyle(at,null).getPropertyValue("white-space"):0);ap=al&&"pre"===al.substring(0,3)}var av=at.className.match(/\blinenums\b(?::(\d+))?/);av=av?av[1]&&av[1].length?+av[1]:true:false;if(av){S(at,av,ap)}U={langExtension:aq,sourceNode:at,numberLines:av,pre:ap};e(U)}}}if(aa<V.length){setTimeout(X,250)}else{if(aj){aj()}}}X()}var a=O.PR={createSimpleLexer:h,registerLangHandler:d,sourceDecorator:i,PR_ATTRIB_NAME:R,PR_ATTRIB_VALUE:o,PR_COMMENT:k,PR_DECLARATION:F,PR_KEYWORD:A,PR_LITERAL:H,PR_NOCODE:P,PR_PLAIN:G,PR_PUNCTUATION:M,PR_SOURCE:K,PR_STRING:D,PR_TAG:n,PR_TYPE:Q,prettyPrintOne:O.prettyPrintOne=z,prettyPrint:O.prettyPrint=c};if(typeof define==="function"&&define.amd){define("google-code-prettify",[],function(){return a})}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^<script\b[^>]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]);
\ No newline at end of file
diff --git a/app/lib/gamepad/doc/classes/AnimFrameUpdateStrategy.html b/app/lib/gamepad/doc/classes/AnimFrameUpdateStrategy.html
new file mode 100644
index 0000000..5dcce4e
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/AnimFrameUpdateStrategy.html
@@ -0,0 +1,503 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>AnimFrameUpdateStrategy - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>AnimFrameUpdateStrategy Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l45"><code>gamepad.js:45</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/Gamepad.html">Gamepad</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This strategy uses a timer function to call an update function.
+The timer (re)start function can be provided or the strategy reverts to
+one of the window.*requestAnimationFrame variants.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_AnimFrameUpdateStrategy" class="method item">
+    <h3 class="name"><code>AnimFrameUpdateStrategy</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code class="optional">[requestAnimationFrame]</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l45"><code>gamepad.js:45</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[requestAnimationFrame]</code>
+                        <span class="type">Function</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>function to use for timer creation</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_start">start</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_startTicker">startTicker</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_tickFunction">tickFunction</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_start" class="method item">
+    <h3 class="name"><code>start</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>updateFunction</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l82"><code>gamepad.js:82</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Starts the update strategy using the given function</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">updateFunction</code>
+                        <span class="type">Function</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the function to call at each update</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_startTicker" class="method item">
+    <h3 class="name"><code>startTicker</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l73"><code>gamepad.js:73</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>(Re)Starts the ticker</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_tickFunction" class="method item">
+    <h3 class="name"><code>tickFunction</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l64"><code>gamepad.js:64</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>This method calls the (user) update and restarts itself</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/classes/FirefoxPlatform.html b/app/lib/gamepad/doc/classes/FirefoxPlatform.html
new file mode 100644
index 0000000..cf178f3
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/FirefoxPlatform.html
@@ -0,0 +1,668 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>FirefoxPlatform - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>FirefoxPlatform Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l221"><code>gamepad.js:221</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/Gamepad.html">Gamepad</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This platform is for mozilla based environments that provide gamepad
+updates via events.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_FirefoxPlatform" class="method item">
+    <h3 class="name"><code>FirefoxPlatform</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l221"><code>gamepad.js:221</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_factory">factory</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_getType()">getType()</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_getType()">getType()</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_isSupported">isSupported</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_update">update</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_factory" class="method item">
+    <h3 class="name"><code>factory</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>listener</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Object</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l240"><code>gamepad.js:240</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Provides a platform object that returns true for isSupported() if valid.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">listener</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the listener to use</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Object</span>:
+                    
+                    <p>a platform object</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_getType()" class="method item">
+    <h3 class="name"><code>getType()</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">String</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l257"><code>gamepad.js:257</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">String</span>:
+                    
+                    <p>&#39;Firefox&#39;</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_getType()" class="method item">
+    <h3 class="name"><code>getType()</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">String</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l266"><code>gamepad.js:266</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">String</span>:
+                    
+                    <p>&#39;Firefox&#39;</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_isSupported" class="method item">
+    <h3 class="name"><code>isSupported</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Boolean</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l274"><code>gamepad.js:274</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Boolean</span>:
+                    
+                    <p>true</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_update" class="method item">
+    <h3 class="name"><code>update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l283"><code>gamepad.js:283</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Does nothing on the Firefox platform</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/classes/Gamepad.html b/app/lib/gamepad/doc/classes/Gamepad.html
new file mode 100644
index 0000000..47cc1a3
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/Gamepad.html
@@ -0,0 +1,3715 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Gamepad - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Gamepad Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l289"><code>gamepad.js:289</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/Gamepad.html">Gamepad</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>Provides simple interface and multi-platform support for the gamepad API.</p>
+<p>You can change the deadzone and maximizeThreshold parameters to suit your
+taste but the defaults should generally work fine.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_Gamepad" class="method item">
+    <h3 class="name"><code>Gamepad</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code class="optional">[updateStrategy]</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l289"><code>gamepad.js:289</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[updateStrategy]</code>
+                        <span class="type">Object</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>an update strategy, defaulting to
+        <a href="../classes/AnimFrameUpdateStrategy.html" class="crosslink">AnimFrameUpdateStrategy</a></p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
+        
+        
+        
+            <li class="api-class-tab events"><a href="#events">Events</a></li>
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method private">
+                                <a href="#method__addAxisUpdater">_addAxisUpdater</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__addButtonUpdater">_addButtonUpdater</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__applyDeadzoneMaximize">_applyDeadzoneMaximize</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__connect">_connect</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__createAxisGetter">_createAxisGetter</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__createButtonGetter">_createButtonGetter</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__disconnect">_disconnect</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__fire">_fire</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__fireAxisChangedEvent">_fireAxisChangedEvent</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__resolveControllerType">_resolveControllerType</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__resolveMapping">_resolveMapping</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method private">
+                                <a href="#method__update">_update</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_bind">bind</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_count">count</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_envMatchesFilter">envMatchesFilter</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_getNullPlatform">getNullPlatform</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_init">init</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_resolvePlatform">resolvePlatform</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_unbind">unbind</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+                <div class="index-section properties">
+                    <h3>Properties</h3>
+
+                    <ul class="index-list properties">
+                        
+                            <li class="index-item property">
+                                <a href="#property_Mappings">Mappings</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_PlatformFactories">PlatformFactories</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_StandardAxes">StandardAxes</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_StandardButtons">StandardButtons</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_StandardMapping">StandardMapping</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_Type">Type</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item property">
+                                <a href="#property_UpdateStrategies">UpdateStrategies</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+                <div class="index-section events">
+                    <h3>Events</h3>
+
+                    <ul class="index-list events">
+                        
+                            <li class="index-item event">
+                                <a href="#event_axis-changed">axis-changed</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event">
+                                <a href="#event_button-down">button-down</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event">
+                                <a href="#event_button-up">button-up</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event">
+                                <a href="#event_connected">connected</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event">
+                                <a href="#event_disconnected">disconnected</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event">
+                                <a href="#event_tick">tick</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item event deprecated">
+                                <a href="#event_unsupported">unsupported</a>
+
+                                
+                                
+                                    <span class="flag deprecated">deprecated</span>
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method__addAxisUpdater" class="method item private">
+    <h3 class="name"><code>_addAxisUpdater</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>mapping</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l823"><code>gamepad.js:823</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds an updater for an axis control</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad for which to create the updater</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">mapping</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the mapping on which to work on</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>axis index</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__addButtonUpdater" class="method item private">
+    <h3 class="name"><code>_addButtonUpdater</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>mapping</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l777"><code>gamepad.js:777</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Adds an updater for a button control</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad for which to create the updater</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">mapping</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the mapping on which to work on</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>button index</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__applyDeadzoneMaximize" class="method item private">
+    <h3 class="name"><code>_applyDeadzoneMaximize</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>value</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code class="optional">[deadzone]</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code class="optional">[maximizeThreshold]</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1123"><code>gamepad.js:1123</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Applies deadzone and maximization.</p>
+<p>You can change the thresholds via deadzone and maximizeThreshold members.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">value</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Value to modify</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[deadzone]</code>
+                        <span class="type">Number</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Deadzone to apply</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[maximizeThreshold]</code>
+                        <span class="type">Number</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>From which value to maximize value</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__connect" class="method item private">
+    <h3 class="name"><code>_connect</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l745"><code>gamepad.js:745</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Registers given gamepad.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Gamepad to connect to</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__createAxisGetter" class="method item private">
+    <h3 class="name"><code>_createAxisGetter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>axes</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Function</span>
+        </span>
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l963"><code>gamepad.js:963</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Creates a getter according to the mapping entry for the specific index.
+Currently supported entries:</p>
+<p>axes.byAxis[index]: Number := Index into gamepad.axes; -1 ignored</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad for which to create a getter</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">axes</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the mappings entry for the axes</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the specific axis entry</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Function</span>:
+                    
+                    <p>a getter returning the value for the requested axis</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method__createButtonGetter" class="method item private">
+    <h3 class="name"><code>_createButtonGetter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>buttons</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>index</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Function</span>
+        </span>
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l875"><code>gamepad.js:875</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Creates a getter according to the mapping entry for the specific index.
+Currently supported entries:</p>
+<p>buttons.byButton[index]: Number := Index into gamepad.buttons; -1 tests byAxis
+buttons.byAxis[index]: Array := [Index into gamepad.axes; Zero Value, One Value]</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad for which to create a getter</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">buttons</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the mappings entry for the buttons</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">index</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the specific button entry</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Function</span>:
+                    
+                    <p>a getter returning the value for the requested button</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method__disconnect" class="method item private">
+    <h3 class="name"><code>_disconnect</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1001"><code>gamepad.js:1001</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Disconnects from given gamepad.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Gamepad to disconnect</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__fire" class="method item private">
+    <h3 class="name"><code>_fire</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>data</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l699"><code>gamepad.js:699</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Fires an internal event with given data.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Event to fire, one of Gamepad.Event..</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">data</code>
+                        <span class="type"></span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Data to pass to the listener</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__fireAxisChangedEvent" class="method item private">
+    <h3 class="name"><code>_fireAxisChangedEvent</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>controlName</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>value</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l857"><code>gamepad.js:857</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Fires an AXIS_CHANGED event</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad to notify for</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">controlName</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>name of the control that changes its value</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">value</code>
+                        <span class="type">Number</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the new value</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method__resolveControllerType" class="method item private">
+    <h3 class="name"><code>_resolveControllerType</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>id</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">String</span>
+        </span>
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1027"><code>gamepad.js:1027</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Resolves controller type from its id.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">id</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Controller id</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">String</span>:
+                    
+                    <p>Controller type, one of Gamepad.Type</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method__resolveMapping" class="method item private">
+    <h3 class="name"><code>_resolveMapping</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>gamepad</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Object</span>
+        </span>
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1055"><code>gamepad.js:1055</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepad</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the gamepad for which to resolve the mapping</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Object</span>:
+                    
+                    <p>a mapping object for the given gamepad</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method__update" class="method item private">
+    <h3 class="name"><code>_update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+        <span class="flag private">private</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1101"><code>gamepad.js:1101</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Updates the controllers, triggering TICK events.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_bind" class="method item">
+    <h3 class="name"><code>bind</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>event</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>listener</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type"><a href="../classes/Gamepad.html" class="crosslink">Gamepad</a></span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l632"><code>gamepad.js:632</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Binds a listener to a gamepad event.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">String</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Event to bind to, one of Gamepad.Event..</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">listener</code>
+                        <span class="type">Function</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Listener to call when given event occurs</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type"><a href="../classes/Gamepad.html" class="crosslink">Gamepad</a></span>:
+                    
+                    <p>Self</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_count" class="method item">
+    <h3 class="name"><code>count</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Number</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l689"><code>gamepad.js:689</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Returns the number of connected gamepads.</p>
+
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Number</span>:
+                    
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_envMatchesFilter" class="method item">
+    <h3 class="name"><code>envMatchesFilter</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>filter</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>env</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Boolean</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l1081"><code>gamepad.js:1081</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">filter</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the filter object describing properties to match</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">env</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the environment object that is matched against filter</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Boolean</span>:
+                    
+                    <p>true if env is covered by filter</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_getNullPlatform" class="method item">
+    <h3 class="name"><code>getNullPlatform</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Object</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l717"><code>gamepad.js:717</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Object</span>:
+                    
+                    <p>a platform that does not support anything</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_init" class="method item">
+    <h3 class="name"><code>init</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Boolean</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l612"><code>gamepad.js:612</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Initializes the gamepad.</p>
+<p>You usually want to bind to the events first and then initialize it.</p>
+
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Boolean</span>:
+                    
+                    <p>true if a supporting platform was detected, false otherwise.</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_resolvePlatform" class="method item">
+    <h3 class="name"><code>resolvePlatform</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>listener</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Object</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l726"><code>gamepad.js:726</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Resolves platform.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">listener</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the listener to handle _connect() or _disconnect() calls</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Object</span>:
+                    
+                    <p>A platform instance</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_unbind" class="method item">
+    <h3 class="name"><code>unbind</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code class="optional">[type]</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code class="optional">[listener]</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Boolean</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l650"><code>gamepad.js:650</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Removes listener of given type.</p>
+<p>If no type is given, all listeners are removed. If no listener is given, all
+listeners of given type are removed.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[type]</code>
+                        <span class="type">String</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>Type of listener to remove</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name optional">[listener]</code>
+                        <span class="type">Function</span>
+                        <span class="flag optional" title="This parameter is optional.">optional</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>The listener function to remove</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Boolean</span>:
+                    
+                    <p>Was unbinding the listener successful</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+            <div id="properties" class="api-class-tabpanel">
+                <h2 class="off-left">Properties</h2>
+
+                
+                    <div id="property_Mappings" class="property item">
+    <h3 class="name"><code>Mappings</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l467"><code>gamepad.js:467</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Mapping of various gamepads that differ from the standard mapping on
+different platforms too unify their buttons and axes.</p>
+<p>Each mapping should have an &#39;env&#39; object, which describes the environment
+in which the mapping is active. The more entries such an environment has,
+the more specific it is.</p>
+<p>Mappings are expressed for both buttons and axes. Buttons might refer to
+axes if they are notified as such.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_PlatformFactories" class="property item">
+    <h3 class="name"><code>PlatformFactories</code></h3>
+    <span class="type">Array</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l322"><code>gamepad.js:322</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>List of factories of supported platforms. Currently available platforms:
+<a href="../classes/WebKitPlatform.html" class="crosslink">WebKitPlatform</a>,
+<a href="../classes/FirefoxPlatform.html" class="crosslink">FirefoxPlatform</a>,</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_StandardAxes" class="property item">
+    <h3 class="name"><code>StandardAxes</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l439"><code>gamepad.js:439</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>List of standard axis names. The index is the according standard axis
+index as per standard.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_StandardButtons" class="property item">
+    <h3 class="name"><code>StandardButtons</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l425"><code>gamepad.js:425</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>List of standard button names. The index is the according standard button
+index as per standard.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_StandardMapping" class="property item">
+    <h3 class="name"><code>StandardMapping</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l451"><code>gamepad.js:451</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The standard mapping that represents the mapping as per definition.
+Each button and axis map to the same index.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="property_Type" class="property item">
+    <h3 class="name"><code>Type</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l331"><code>gamepad.js:331</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>List of supported controller types.</p>
+
+    </div>
+
+    
+
+    
+
+    
+        <h4>Sub-properties:</h4>
+
+        <ul class="params-list">
+            
+            <li class="param">
+                
+                    <code class="param-name">N64</code>
+                    <span class="type">String</span>
+                
+
+                <div class="param-description">
+                    <p>Retrolink N64 controller</p>
+
+                </div>
+
+                
+            </li>
+            
+            <li class="param">
+                
+                    <code class="param-name">PLAYSTATION</code>
+                    <span class="type">String</span>
+                
+
+                <div class="param-description">
+                    <p>Playstation controller</p>
+
+                </div>
+
+                
+            </li>
+            
+            <li class="param">
+                
+                    <code class="param-name">LOGITECH</code>
+                    <span class="type">String</span>
+                
+
+                <div class="param-description">
+                    <p>Logitech controller</p>
+
+                </div>
+
+                
+            </li>
+            
+            <li class="param">
+                
+                    <code class="param-name">XBOX</code>
+                    <span class="type">String</span>
+                
+
+                <div class="param-description">
+                    <p>XBOX controller</p>
+
+                </div>
+
+                
+            </li>
+            
+            <li class="param">
+                
+                    <code class="param-name">UNKNOWN</code>
+                    <span class="type">String</span>
+                
+
+                <div class="param-description">
+                    <p>Unknown controller</p>
+
+                </div>
+
+                
+            </li>
+            
+        </ul>
+    
+</div>
+
+                
+                    <div id="property_UpdateStrategies" class="property item">
+    <h3 class="name"><code>UpdateStrategies</code></h3>
+    <span class="type">Unknown</span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l311"><code>gamepad.js:311</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>The available update strategies</p>
+
+    </div>
+
+    
+
+    
+
+    
+        <h4>Sub-properties:</h4>
+
+        <ul class="params-list">
+            
+            <li class="param">
+                
+                    <code class="param-name">AnimFrameUpdateStrategy</code>
+                    <span class="type"><a href="../classes/AnimFrameUpdateStrategy.html" class="crosslink">AnimFrameUpdateStrategy</a></span>
+                
+
+                <div class="param-description">
+                     
+                </div>
+
+                
+            </li>
+            
+            <li class="param">
+                
+                    <code class="param-name">ManualUpdateStrategy</code>
+                    <span class="type"><a href="../classes/ManualUpdateStrategy.html" class="crosslink">ManualUpdateStrategy</a></span>
+                
+
+                <div class="param-description">
+                     
+                </div>
+
+                
+            </li>
+            
+        </ul>
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+            <div id="events" class="api-class-tabpanel">
+                <h2 class="off-left">Events</h2>
+
+                
+                    <div id="event_axis-changed" class="events item">
+    <h3 class="name"><code>axis-changed</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l413"><code>gamepad.js:413</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when gamepad axis value changed.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                        <ul class="params-list">
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">gamepad</code>
+                                    <span class="type">Object</span>
+                                
+
+                                <div class="param-description">
+                                    <p>The gamepad object</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">axis</code>
+                                    <span class="type">String</span>
+                                
+
+                                <div class="param-description">
+                                    <p>Axis name</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">value</code>
+                                    <span class="type">Number</span>
+                                
+
+                                <div class="param-description">
+                                    <p>New axis value</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                        </ul>
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_button-down" class="events item">
+    <h3 class="name"><code>button-down</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l393"><code>gamepad.js:393</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when a gamepad button is pressed down.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                        <ul class="params-list">
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">gamepad</code>
+                                    <span class="type">Object</span>
+                                
+
+                                <div class="param-description">
+                                    <p>The gamepad object</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">control</code>
+                                    <span class="type">String</span>
+                                
+
+                                <div class="param-description">
+                                    <p>Control name</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                        </ul>
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_button-up" class="events item">
+    <h3 class="name"><code>button-up</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l403"><code>gamepad.js:403</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when a gamepad button is released.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">event</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                        <ul class="params-list">
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">gamepad</code>
+                                    <span class="type">Object</span>
+                                
+
+                                <div class="param-description">
+                                    <p>The gamepad object</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                            <li class="param">
+                                
+                                    <code class="param-name">control</code>
+                                    <span class="type">String</span>
+                                
+
+                                <div class="param-description">
+                                    <p>Control name</p>
+
+                                </div>
+
+                                
+                            </li>
+                            
+                        </ul>
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_connected" class="events item">
+    <h3 class="name"><code>connected</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l360"><code>gamepad.js:360</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Triggered when a new controller connects.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">device</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_disconnected" class="events item">
+    <h3 class="name"><code>disconnected</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l377"><code>gamepad.js:377</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Triggered when a controller disconnects.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">device</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_tick" class="events item">
+    <h3 class="name"><code>tick</code></h3>
+    <span class="type"></span>
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l385"><code>gamepad.js:385</code></a>
+        
+        </p>
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called regularly with the latest controllers info.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepads</code>
+                        <span class="type">Array</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+                    <div id="event_unsupported" class="events item deprecated">
+    <h3 class="name"><code>unsupported</code></h3>
+    <span class="type"></span>
+
+    
+        <span class="flag deprecated" title="not used anymore. Any controller is supported.">deprecated</span>
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l368"><code>gamepad.js:368</code></a>
+        
+        </p>
+
+        
+            <p>Deprecated: not used anymore. Any controller is supported.</p>
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Called when an unsupported controller connects.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Event Payload:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">device</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                         
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+
+    
+</div>
+
+                
+            </div>
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/classes/ManualUpdateStrategy.html b/app/lib/gamepad/doc/classes/ManualUpdateStrategy.html
new file mode 100644
index 0000000..2dc9d02
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/ManualUpdateStrategy.html
@@ -0,0 +1,407 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>ManualUpdateStrategy - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>ManualUpdateStrategy Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l93"><code>gamepad.js:93</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/Gamepad.html">Gamepad</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This strategy gives the user the ability to call the library internal
+update function on request. Use this strategy if you already have a
+timer function running by requestAnimationFrame and you need fine control
+over when the gamepads are updated.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_ManualUpdateStrategy" class="method item">
+    <h3 class="name"><code>ManualUpdateStrategy</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l93"><code>gamepad.js:93</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_start">start</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_update">update</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_start" class="method item">
+    <h3 class="name"><code>start</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>updateFunction</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l113"><code>gamepad.js:113</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Starts the update strategy using the given function</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">updateFunction</code>
+                        <span class="type">Function</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the function to call at each update</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+                
+                    <div id="method_update" class="method item">
+    <h3 class="name"><code>update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l107"><code>gamepad.js:107</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Calls the update function in the started state. Does nothing otherwise.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/classes/WebKitPlatform.html b/app/lib/gamepad/doc/classes/WebKitPlatform.html
new file mode 100644
index 0000000..51c96af
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/WebKitPlatform.html
@@ -0,0 +1,724 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WebKitPlatform - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>WebKitPlatform Class</h1>
+<div class="box meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l123"><code>gamepad.js:123</code></a>
+        </div>
+    
+
+    
+        
+            Module: <a href="../modules/Gamepad.html">Gamepad</a>
+        
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This platform is for webkit based environments that need to be polled
+for updates.</p>
+
+</div>
+
+
+    <div class="constructor">
+        <h2>Constructor</h2>
+        <div id="method_WebKitPlatform" class="method item">
+    <h3 class="name"><code>WebKitPlatform</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>listener</code>
+                    
+                </li>
+            
+                <li class="arg">
+                    
+                        <code>gamepadGetter</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l123"><code>gamepad.js:123</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">listener</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the listener to provide _connect and _disconnect callbacks</p>
+
+                    </div>
+
+                    
+                </li>
+            
+                <li class="param">
+                    
+                        <code class="param-name">gamepadGetter</code>
+                        <span class="type">Function</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the poll function to return an array of connected gamepads</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+
+    
+</div>
+
+    </div>
+
+
+<div id="classdocs" class="tabview">
+    <ul class="api-class-tabs">
+        <li class="api-class-tab index"><a href="#index">Index</a></li>
+
+        
+            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
+        
+        
+        
+        
+    </ul>
+
+    <div>
+        <div id="index" class="api-class-tabpanel index">
+            <h2 class="off-left">Item Index</h2>
+
+            
+                <div class="index-section methods">
+                    <h3>Methods</h3>
+
+                    <ul class="index-list methods">
+                        
+                            <li class="index-item method">
+                                <a href="#method_factory">factory</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_getType()">getType()</a>
+
+                                
+                                    <span class="flag static">static</span>
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_getType()">getType()</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_isSupported">isSupported</a>
+
+                                
+                                
+                            </li>
+                        
+                            <li class="index-item method">
+                                <a href="#method_update">update</a>
+
+                                
+                                
+                            </li>
+                        
+                    </ul>
+                </div>
+            
+
+            
+
+            
+
+            
+        </div>
+
+        
+            <div id="methods" class="api-class-tabpanel">
+                <h2 class="off-left">Methods</h2>
+
+                
+                    <div id="method_factory" class="method item">
+    <h3 class="name"><code>factory</code></h3>
+
+    
+        <div class="args">
+            <span class="paren">(</span><ul class="args-list inline commas">
+            
+                <li class="arg">
+                    
+                        <code>listener</code>
+                    
+                </li>
+            
+            </ul><span class="paren">)</span>
+        </div>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Object</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l139"><code>gamepad.js:139</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Provides a platform object that returns true for isSupported() if valid.</p>
+
+    </div>
+
+    
+        <div class="params">
+            <h4>Parameters:</h4>
+
+            <ul class="params-list">
+            
+                <li class="param">
+                    
+                        <code class="param-name">listener</code>
+                        <span class="type">Object</span>
+                    
+
+                    
+
+                    <div class="param-description">
+                        <p>the listener to use</p>
+
+                    </div>
+
+                    
+                </li>
+            
+            </ul>
+        </div>
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Object</span>:
+                    
+                    <p>a platform object</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_getType()" class="method item">
+    <h3 class="name"><code>getType()</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">String</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+        <span class="flag static">static</span>
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l169"><code>gamepad.js:169</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">String</span>:
+                    
+                    <p>&#39;WebKit&#39;</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_getType()" class="method item">
+    <h3 class="name"><code>getType()</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">String</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l178"><code>gamepad.js:178</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">String</span>:
+                    
+                    <p>&#39;WebKit&#39;</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_isSupported" class="method item">
+    <h3 class="name"><code>isSupported</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+        <span class="returns-inline">
+            <span class="type">Boolean</span>
+        </span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l186"><code>gamepad.js:186</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        
+    </div>
+
+    
+
+    
+        <div class="returns">
+            <h4>Returns:</h4>
+
+            <div class="returns-description">
+                
+                    
+                        <span class="type">Boolean</span>:
+                    
+                    <p>true</p>
+
+                
+            </div>
+        </div>
+    
+
+    
+</div>
+
+                
+                    <div id="method_update" class="method item">
+    <h3 class="name"><code>update</code></h3>
+
+    
+        <span class="paren">()</span>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    <div class="meta">
+        
+            
+                
+                <p>
+                
+                Defined in
+                
+            
+        
+        
+        <a href="../files/gamepad.js.html#l194"><code>gamepad.js:194</code></a>
+        
+        </p>
+
+
+        
+
+        
+    </div>
+
+    <div class="description">
+        <p>Queries the currently connected gamepads and reports any changes.</p>
+
+    </div>
+
+    
+
+    
+
+    
+</div>
+
+                
+            </div>
+        
+
+        
+
+        
+
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/classes/index.html b/app/lib/gamepad/doc/classes/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/app/lib/gamepad/doc/classes/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/app/lib/gamepad/doc/data.json b/app/lib/gamepad/doc/data.json
new file mode 100644
index 0000000..d421afb
--- /dev/null
+++ b/app/lib/gamepad/doc/data.json
@@ -0,0 +1,1052 @@
+{
+    "project": {
+        "name": "HTML5-JavaScript-Gamepad-Controller-Library",
+        "description": "Library for accessing gamepads in modern browsers.",
+        "version": "0.0.1",
+        "url": "https://github.com/kallaspriit/HTML5-JavaScript-Gamepad-Controller-Library"
+    },
+    "files": {
+        "gamepad.js": {
+            "name": "gamepad.js",
+            "modules": {
+                "Gamepad": 1
+            },
+            "classes": {
+                "AnimFrameUpdateStrategy": 1,
+                "ManualUpdateStrategy": 1,
+                "WebKitPlatform": 1,
+                "FirefoxPlatform": 1,
+                "Gamepad": 1
+            },
+            "fors": {},
+            "namespaces": {}
+        }
+    },
+    "modules": {
+        "Gamepad": {
+            "name": "Gamepad",
+            "submodules": {},
+            "classes": {
+                "AnimFrameUpdateStrategy": 1,
+                "ManualUpdateStrategy": 1,
+                "WebKitPlatform": 1,
+                "FirefoxPlatform": 1,
+                "Gamepad": 1
+            },
+            "fors": {},
+            "namespaces": {},
+            "tag": "module",
+            "file": "gamepad.js",
+            "line": 289,
+            "description": "This strategy uses a timer function to call an update function.\nThe timer (re)start function can be provided or the strategy reverts to\none of the window.*requestAnimationFrame variants."
+        }
+    },
+    "classes": {
+        "AnimFrameUpdateStrategy": {
+            "name": "AnimFrameUpdateStrategy",
+            "shortname": "AnimFrameUpdateStrategy",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Gamepad",
+            "file": "gamepad.js",
+            "line": 45,
+            "description": "This strategy uses a timer function to call an update function.\nThe timer (re)start function can be provided or the strategy reverts to\none of the window.*requestAnimationFrame variants.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "requestAnimationFrame",
+                    "description": "function to use for timer creation",
+                    "type": "Function",
+                    "optional": true
+                }
+            ]
+        },
+        "ManualUpdateStrategy": {
+            "name": "ManualUpdateStrategy",
+            "shortname": "ManualUpdateStrategy",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Gamepad",
+            "namespace": "",
+            "file": "gamepad.js",
+            "line": 93,
+            "description": "This strategy gives the user the ability to call the library internal\nupdate function on request. Use this strategy if you already have a\ntimer function running by requestAnimationFrame and you need fine control\nover when the gamepads are updated.",
+            "is_constructor": 1
+        },
+        "WebKitPlatform": {
+            "name": "WebKitPlatform",
+            "shortname": "WebKitPlatform",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Gamepad",
+            "namespace": "",
+            "file": "gamepad.js",
+            "line": 123,
+            "description": "This platform is for webkit based environments that need to be polled\nfor updates.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "listener",
+                    "description": "the listener to provide _connect and _disconnect callbacks",
+                    "type": "Object"
+                },
+                {
+                    "name": "gamepadGetter",
+                    "description": "the poll function to return an array of connected gamepads",
+                    "type": "Function"
+                }
+            ]
+        },
+        "FirefoxPlatform": {
+            "name": "FirefoxPlatform",
+            "shortname": "FirefoxPlatform",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Gamepad",
+            "namespace": "",
+            "file": "gamepad.js",
+            "line": 221,
+            "description": "This platform is for mozilla based environments that provide gamepad\nupdates via events.",
+            "is_constructor": 1
+        },
+        "Gamepad": {
+            "name": "Gamepad",
+            "shortname": "Gamepad",
+            "classitems": [],
+            "plugins": [],
+            "extensions": [],
+            "plugin_for": [],
+            "extension_for": [],
+            "module": "Gamepad",
+            "namespace": "",
+            "file": "gamepad.js",
+            "line": 289,
+            "description": "Provides simple interface and multi-platform support for the gamepad API.\n\nYou can change the deadzone and maximizeThreshold parameters to suit your\ntaste but the defaults should generally work fine.",
+            "is_constructor": 1,
+            "params": [
+                {
+                    "name": "updateStrategy",
+                    "description": "an update strategy, defaulting to\n\t\t{{#crossLink \"AnimFrameUpdateStrategy\"}}{{/crossLink}}",
+                    "type": "Object",
+                    "optional": true
+                }
+            ],
+            "author": "Priit Kallas <kallaspriit@gmail.com>"
+        }
+    },
+    "classitems": [
+        {
+            "file": "gamepad.js",
+            "line": 27,
+            "description": "A null function - does nothing, returns nothing",
+            "class": "AnimFrameUpdateStrategy"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 32,
+            "description": "The null platform, which doesn't support anything",
+            "class": "AnimFrameUpdateStrategy"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 64,
+            "description": "This method calls the (user) update and restarts itself",
+            "itemtype": "method",
+            "name": "tickFunction",
+            "class": "AnimFrameUpdateStrategy",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 73,
+            "description": "(Re)Starts the ticker",
+            "itemtype": "method",
+            "name": "startTicker",
+            "class": "AnimFrameUpdateStrategy",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 82,
+            "description": "Starts the update strategy using the given function",
+            "itemtype": "method",
+            "name": "start",
+            "params": [
+                {
+                    "name": "updateFunction",
+                    "description": "the function to call at each update",
+                    "type": "Function"
+                }
+            ],
+            "class": "AnimFrameUpdateStrategy",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 107,
+            "description": "Calls the update function in the started state. Does nothing otherwise.",
+            "itemtype": "method",
+            "name": "update",
+            "class": "ManualUpdateStrategy",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 113,
+            "description": "Starts the update strategy using the given function",
+            "itemtype": "method",
+            "name": "start",
+            "params": [
+                {
+                    "name": "updateFunction",
+                    "description": "the function to call at each update",
+                    "type": "Function"
+                }
+            ],
+            "class": "ManualUpdateStrategy",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 139,
+            "description": "Provides a platform object that returns true for isSupported() if valid.",
+            "itemtype": "method",
+            "name": "factory",
+            "static": 1,
+            "params": [
+                {
+                    "name": "listener",
+                    "description": "the listener to use",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "a platform object",
+                "type": "Object"
+            },
+            "class": "WebKitPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 169,
+            "itemtype": "method",
+            "name": "getType()",
+            "static": 1,
+            "return": {
+                "description": "'WebKit'",
+                "type": "String"
+            },
+            "class": "WebKitPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 178,
+            "itemtype": "method",
+            "name": "getType()",
+            "return": {
+                "description": "'WebKit'",
+                "type": "String"
+            },
+            "class": "WebKitPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 186,
+            "itemtype": "method",
+            "name": "isSupported",
+            "return": {
+                "description": "true",
+                "type": "Boolean"
+            },
+            "class": "WebKitPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 194,
+            "description": "Queries the currently connected gamepads and reports any changes.",
+            "itemtype": "method",
+            "name": "update",
+            "class": "WebKitPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 240,
+            "description": "Provides a platform object that returns true for isSupported() if valid.",
+            "itemtype": "method",
+            "name": "factory",
+            "static": 1,
+            "params": [
+                {
+                    "name": "listener",
+                    "description": "the listener to use",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "a platform object",
+                "type": "Object"
+            },
+            "class": "FirefoxPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 257,
+            "itemtype": "method",
+            "name": "getType()",
+            "static": 1,
+            "return": {
+                "description": "'Firefox'",
+                "type": "String"
+            },
+            "class": "FirefoxPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 266,
+            "itemtype": "method",
+            "name": "getType()",
+            "return": {
+                "description": "'Firefox'",
+                "type": "String"
+            },
+            "class": "FirefoxPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 274,
+            "itemtype": "method",
+            "name": "isSupported",
+            "return": {
+                "description": "true",
+                "type": "Boolean"
+            },
+            "class": "FirefoxPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 283,
+            "description": "Does nothing on the Firefox platform",
+            "itemtype": "method",
+            "name": "update",
+            "class": "FirefoxPlatform",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 311,
+            "description": "The available update strategies",
+            "itemtype": "property",
+            "name": "UpdateStrategies",
+            "class": "Gamepad",
+            "module": "Gamepad",
+            "subprops": [
+                {
+                    "name": "AnimFrameUpdateStrategy",
+                    "description": "",
+                    "type": "AnimFrameUpdateStrategy"
+                },
+                {
+                    "name": "ManualUpdateStrategy",
+                    "description": "",
+                    "type": "ManualUpdateStrategy"
+                }
+            ]
+        },
+        {
+            "file": "gamepad.js",
+            "line": 322,
+            "description": "List of factories of supported platforms. Currently available platforms:\n{{#crossLink \"WebKitPlatform\"}}{{/crossLink}},\n{{#crossLink \"FirefoxPlatform\"}}{{/crossLink}},",
+            "itemtype": "property",
+            "name": "PlatformFactories",
+            "type": "{Array}",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 331,
+            "description": "List of supported controller types.",
+            "itemtype": "property",
+            "name": "Type",
+            "class": "Gamepad",
+            "module": "Gamepad",
+            "subprops": [
+                {
+                    "name": "N64",
+                    "description": "Retrolink N64 controller",
+                    "type": "String"
+                },
+                {
+                    "name": "PLAYSTATION",
+                    "description": "Playstation controller",
+                    "type": "String"
+                },
+                {
+                    "name": "LOGITECH",
+                    "description": "Logitech controller",
+                    "type": "String"
+                },
+                {
+                    "name": "XBOX",
+                    "description": "XBOX controller",
+                    "type": "String"
+                },
+                {
+                    "name": "UNKNOWN",
+                    "description": "Unknown controller",
+                    "type": "String"
+                }
+            ]
+        },
+        {
+            "file": "gamepad.js",
+            "line": 360,
+            "description": "Triggered when a new controller connects.",
+            "itemtype": "event",
+            "name": "connected",
+            "params": [
+                {
+                    "name": "device",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 368,
+            "description": "Called when an unsupported controller connects.",
+            "itemtype": "event",
+            "name": "unsupported",
+            "params": [
+                {
+                    "name": "device",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "deprecated": true,
+            "deprecationMessage": "not used anymore. Any controller is supported.",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 377,
+            "description": "Triggered when a controller disconnects.",
+            "itemtype": "event",
+            "name": "disconnected",
+            "params": [
+                {
+                    "name": "device",
+                    "description": "",
+                    "type": "Object"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 385,
+            "description": "Called regularly with the latest controllers info.",
+            "itemtype": "event",
+            "name": "tick",
+            "params": [
+                {
+                    "name": "gamepads",
+                    "description": "",
+                    "type": "Array"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 393,
+            "description": "Called when a gamepad button is pressed down.",
+            "itemtype": "event",
+            "name": "button-down",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "",
+                    "type": "Object",
+                    "props": [
+                        {
+                            "name": "gamepad",
+                            "description": "The gamepad object",
+                            "type": "Object"
+                        },
+                        {
+                            "name": "control",
+                            "description": "Control name",
+                            "type": "String"
+                        }
+                    ]
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 403,
+            "description": "Called when a gamepad button is released.",
+            "itemtype": "event",
+            "name": "button-up",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "",
+                    "type": "Object",
+                    "props": [
+                        {
+                            "name": "gamepad",
+                            "description": "The gamepad object",
+                            "type": "Object"
+                        },
+                        {
+                            "name": "control",
+                            "description": "Control name",
+                            "type": "String"
+                        }
+                    ]
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 413,
+            "description": "Called when gamepad axis value changed.",
+            "itemtype": "event",
+            "name": "axis-changed",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "",
+                    "type": "Object",
+                    "props": [
+                        {
+                            "name": "gamepad",
+                            "description": "The gamepad object",
+                            "type": "Object"
+                        },
+                        {
+                            "name": "axis",
+                            "description": "Axis name",
+                            "type": "String"
+                        },
+                        {
+                            "name": "value",
+                            "description": "New axis value",
+                            "type": "Number"
+                        }
+                    ]
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 425,
+            "description": "List of standard button names. The index is the according standard button\nindex as per standard.",
+            "itemtype": "property",
+            "name": "StandardButtons",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 439,
+            "description": "List of standard axis names. The index is the according standard axis\nindex as per standard.",
+            "itemtype": "property",
+            "name": "StandardAxes",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 451,
+            "description": "The standard mapping that represents the mapping as per definition.\nEach button and axis map to the same index.",
+            "itemtype": "property",
+            "name": "StandardMapping",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 467,
+            "description": "Mapping of various gamepads that differ from the standard mapping on\ndifferent platforms too unify their buttons and axes.\n\nEach mapping should have an 'env' object, which describes the environment\nin which the mapping is active. The more entries such an environment has,\nthe more specific it is.\n\nMappings are expressed for both buttons and axes. Buttons might refer to\naxes if they are notified as such.",
+            "itemtype": "property",
+            "name": "Mappings",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 612,
+            "description": "Initializes the gamepad.\n\nYou usually want to bind to the events first and then initialize it.",
+            "itemtype": "method",
+            "name": "init",
+            "return": {
+                "description": "true if a supporting platform was detected, false otherwise.",
+                "type": "Boolean"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 632,
+            "description": "Binds a listener to a gamepad event.",
+            "itemtype": "method",
+            "name": "bind",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "Event to bind to, one of Gamepad.Event..",
+                    "type": "String"
+                },
+                {
+                    "name": "listener",
+                    "description": "Listener to call when given event occurs",
+                    "type": "Function"
+                }
+            ],
+            "return": {
+                "description": "Self",
+                "type": "Gamepad"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 650,
+            "description": "Removes listener of given type.\n\nIf no type is given, all listeners are removed. If no listener is given, all\nlisteners of given type are removed.",
+            "itemtype": "method",
+            "name": "unbind",
+            "params": [
+                {
+                    "name": "type",
+                    "description": "Type of listener to remove",
+                    "type": "String",
+                    "optional": true
+                },
+                {
+                    "name": "listener",
+                    "description": "The listener function to remove",
+                    "type": "Function",
+                    "optional": true
+                }
+            ],
+            "return": {
+                "description": "Was unbinding the listener successful",
+                "type": "Boolean"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 689,
+            "description": "Returns the number of connected gamepads.",
+            "itemtype": "method",
+            "name": "count",
+            "return": {
+                "description": "",
+                "type": "Number"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 699,
+            "description": "Fires an internal event with given data.",
+            "itemtype": "method",
+            "name": "_fire",
+            "params": [
+                {
+                    "name": "event",
+                    "description": "Event to fire, one of Gamepad.Event..",
+                    "type": "String"
+                },
+                {
+                    "name": "data",
+                    "description": "Data to pass to the listener",
+                    "type": "*"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 717,
+            "itemtype": "method",
+            "name": "getNullPlatform",
+            "static": 1,
+            "return": {
+                "description": "a platform that does not support anything",
+                "type": "Object"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 726,
+            "description": "Resolves platform.",
+            "itemtype": "method",
+            "name": "resolvePlatform",
+            "static": 1,
+            "params": [
+                {
+                    "name": "listener",
+                    "description": "the listener to handle _connect() or _disconnect() calls",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "A platform instance",
+                "type": "Object"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 745,
+            "description": "Registers given gamepad.",
+            "itemtype": "method",
+            "name": "_connect",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "Gamepad to connect to",
+                    "type": "Object"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 777,
+            "description": "Adds an updater for a button control",
+            "itemtype": "method",
+            "name": "_addButtonUpdater",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad for which to create the updater",
+                    "type": "Object"
+                },
+                {
+                    "name": "mapping",
+                    "description": "the mapping on which to work on",
+                    "type": "Object"
+                },
+                {
+                    "name": "index",
+                    "description": "button index",
+                    "type": "Number"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 823,
+            "description": "Adds an updater for an axis control",
+            "itemtype": "method",
+            "name": "_addAxisUpdater",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad for which to create the updater",
+                    "type": "Object"
+                },
+                {
+                    "name": "mapping",
+                    "description": "the mapping on which to work on",
+                    "type": "Object"
+                },
+                {
+                    "name": "index",
+                    "description": "axis index",
+                    "type": "Number"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 857,
+            "description": "Fires an AXIS_CHANGED event",
+            "itemtype": "method",
+            "name": "_fireAxisChangedEvent",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad to notify for",
+                    "type": "Object"
+                },
+                {
+                    "name": "controlName",
+                    "description": "name of the control that changes its value",
+                    "type": "String"
+                },
+                {
+                    "name": "value",
+                    "description": "the new value",
+                    "type": "Number"
+                }
+            ],
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 875,
+            "description": "Creates a getter according to the mapping entry for the specific index.\nCurrently supported entries:\n\nbuttons.byButton[index]: Number := Index into gamepad.buttons; -1 tests byAxis\nbuttons.byAxis[index]: Array := [Index into gamepad.axes; Zero Value, One Value]",
+            "itemtype": "method",
+            "name": "_createButtonGetter",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad for which to create a getter",
+                    "type": "Object"
+                },
+                {
+                    "name": "buttons",
+                    "description": "the mappings entry for the buttons",
+                    "type": "Object"
+                },
+                {
+                    "name": "index",
+                    "description": "the specific button entry",
+                    "type": "Number"
+                }
+            ],
+            "return": {
+                "description": "a getter returning the value for the requested button",
+                "type": "Function"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 963,
+            "description": "Creates a getter according to the mapping entry for the specific index.\nCurrently supported entries:\n\naxes.byAxis[index]: Number := Index into gamepad.axes; -1 ignored",
+            "itemtype": "method",
+            "name": "_createAxisGetter",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad for which to create a getter",
+                    "type": "Object"
+                },
+                {
+                    "name": "axes",
+                    "description": "the mappings entry for the axes",
+                    "type": "Object"
+                },
+                {
+                    "name": "index",
+                    "description": "the specific axis entry",
+                    "type": "Number"
+                }
+            ],
+            "return": {
+                "description": "a getter returning the value for the requested axis",
+                "type": "Function"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1001,
+            "description": "Disconnects from given gamepad.",
+            "itemtype": "method",
+            "name": "_disconnect",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "Gamepad to disconnect",
+                    "type": "Object"
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1027,
+            "description": "Resolves controller type from its id.",
+            "itemtype": "method",
+            "name": "_resolveControllerType",
+            "params": [
+                {
+                    "name": "id",
+                    "description": "Controller id",
+                    "type": "String"
+                }
+            ],
+            "return": {
+                "description": "Controller type, one of Gamepad.Type",
+                "type": "String"
+            },
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1055,
+            "itemtype": "method",
+            "name": "_resolveMapping",
+            "access": "private",
+            "tagname": "",
+            "params": [
+                {
+                    "name": "gamepad",
+                    "description": "the gamepad for which to resolve the mapping",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "a mapping object for the given gamepad",
+                "type": "Object"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1081,
+            "itemtype": "method",
+            "name": "envMatchesFilter",
+            "static": 1,
+            "params": [
+                {
+                    "name": "filter",
+                    "description": "the filter object describing properties to match",
+                    "type": "Object"
+                },
+                {
+                    "name": "env",
+                    "description": "the environment object that is matched against filter",
+                    "type": "Object"
+                }
+            ],
+            "return": {
+                "description": "true if env is covered by filter",
+                "type": "Boolean"
+            },
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1101,
+            "description": "Updates the controllers, triggering TICK events.",
+            "itemtype": "method",
+            "name": "_update",
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        },
+        {
+            "file": "gamepad.js",
+            "line": 1123,
+            "description": "Applies deadzone and maximization.\n\nYou can change the thresholds via deadzone and maximizeThreshold members.",
+            "itemtype": "method",
+            "name": "_applyDeadzoneMaximize",
+            "params": [
+                {
+                    "name": "value",
+                    "description": "Value to modify",
+                    "type": "Number"
+                },
+                {
+                    "name": "deadzone",
+                    "description": "Deadzone to apply",
+                    "type": "Number",
+                    "optional": true
+                },
+                {
+                    "name": "maximizeThreshold",
+                    "description": "From which value to maximize value",
+                    "type": "Number",
+                    "optional": true
+                }
+            ],
+            "access": "private",
+            "tagname": "",
+            "class": "Gamepad",
+            "module": "Gamepad"
+        }
+    ],
+    "warnings": [
+        {
+            "message": "Missing item type\nA null function - does nothing, returns nothing",
+            "line": " gamepad.js:27"
+        },
+        {
+            "message": "Missing item type\nThe null platform, which doesn't support anything",
+            "line": " gamepad.js:32"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/app/lib/gamepad/doc/files/gamepad.js.html b/app/lib/gamepad/doc/files/gamepad.js.html
new file mode 100644
index 0000000..3ee30ca
--- /dev/null
+++ b/app/lib/gamepad/doc/files/gamepad.js.html
@@ -0,0 +1,1278 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>gamepad.js - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1 class="file-heading">File: gamepad.js</h1>
+
+<div class="file">
+    <pre class="code prettyprint linenums">
+/*
+ * Copyright 2012 Priit Kallas &lt;kallaspriit@gmail.com&gt;
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * &quot;Software&quot;), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED &quot;AS IS&quot;, WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+(function(exports) {
+	&#x27;use strict&#x27;;
+
+	/**
+	 * A null function - does nothing, returns nothing
+	 */
+	var nullFunction = function() {};
+
+	/**
+	 * The null platform, which doesn&#x27;t support anything
+	 */
+	var nullPlatform = {
+		getType: function() {
+			return &#x27;null&#x27;;
+		},
+		isSupported: function() {
+			return false;
+		},
+		update: nullFunction
+	};
+
+	/**
+	 * This strategy uses a timer function to call an update function.
+	 * The timer (re)start function can be provided or the strategy reverts to
+	 * one of the window.*requestAnimationFrame variants.
+	 *
+	 * @class AnimFrameUpdateStrategy
+	 * @constructor
+	 * @param {Function} [requestAnimationFrame] function to use for timer creation
+	 * @module Gamepad
+	 */
+	var AnimFrameUpdateStrategy = function(requestAnimationFrame) {
+		var that = this;
+		var win = window;
+
+		this.update = nullFunction;
+
+		this.requestAnimationFrame = requestAnimationFrame || win.requestAnimationFrame ||
+			win.webkitRequestAnimationFrame || win.mozRequestAnimationFrame;
+
+		/**
+		 * This method calls the (user) update and restarts itself
+		 * @method tickFunction
+		 */
+		this.tickFunction = function() {
+			that.update();
+			that.startTicker();
+		};
+
+		/**
+		 * (Re)Starts the ticker
+		 * @method startTicker
+		 */
+		this.startTicker = function() {
+			that.requestAnimationFrame.apply(win, [that.tickFunction]);
+		};
+	};
+
+	/**
+	 * Starts the update strategy using the given function
+	 *
+	 * @method start
+	 * @param {Function} updateFunction the function to call at each update
+	 */
+	AnimFrameUpdateStrategy.prototype.start = function(updateFunction) {
+		this.update = updateFunction || nullFunction;
+		this.startTicker();
+	};
+
+	/**
+	 * This strategy gives the user the ability to call the library internal
+	 * update function on request. Use this strategy if you already have a
+	 * timer function running by requestAnimationFrame and you need fine control
+	 * over when the gamepads are updated.
+	 *
+	 * @class ManualUpdateStrategy
+	 * @constructor
+	 * @module Gamepad
+	 */
+	var ManualUpdateStrategy = function() {
+
+	};
+
+	/**
+	 * Calls the update function in the started state. Does nothing otherwise.
+	 * @method update
+	 */
+	ManualUpdateStrategy.prototype.update = nullFunction;
+
+	/**
+	 * Starts the update strategy using the given function
+	 *
+	 * @method start
+	 * @param {Function} updateFunction the function to call at each update
+	 */
+	ManualUpdateStrategy.prototype.start = function(updateFunction) {
+		this.update = updateFunction || nullFunction;
+	};
+
+	/**
+	 * This platform is for webkit based environments that need to be polled
+	 * for updates.
+	 *
+	 * @class WebKitPlatform
+	 * @constructor
+	 * @param {Object} listener the listener to provide _connect and _disconnect callbacks
+	 * @param {Function} gamepadGetter the poll function to return an array of connected gamepads
+	 * @module Gamepad
+	 */
+	var WebKitPlatform = function(listener, gamepadGetter) {
+		this.listener = listener;
+		this.gamepadGetter = gamepadGetter;
+		this.knownGamepads = [];
+	};
+
+	/**
+	 * Provides a platform object that returns true for isSupported() if valid.
+	 * @method factory
+	 * @static
+	 * @param {Object} listener the listener to use
+	 * @return {Object} a platform object
+	 */
+	WebKitPlatform.factory = function(listener) {
+		var platform = nullPlatform;
+		var navigator = window &amp;&amp; window.navigator;
+
+		if (navigator) {
+			if (typeof(navigator.getGamepads) !== &#x27;undefined&#x27;) {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.getGamepads();
+				});
+			} else if (typeof(navigator.webkitGamepads) !== &#x27;undefined&#x27;) {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.webkitGamepads();
+				});
+			} else if (typeof(navigator.webkitGetGamepads) !== &#x27;undefined&#x27;) {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.webkitGetGamepads();
+				});
+			}
+		}
+
+		return platform;
+	};
+
+	/**
+	 * @method getType()
+	 * @static
+	 * @return {String} &#x27;WebKit&#x27;
+	 */
+	WebKitPlatform.getType = function() {
+		return &#x27;WebKit&#x27;;
+	},
+
+	/**
+	 * @method getType()
+	 * @return {String} &#x27;WebKit&#x27;
+	 */
+	WebKitPlatform.prototype.getType = function() {
+		return WebKitPlatform.getType();
+	},
+
+	/**
+	 * @method isSupported
+	 * @return {Boolean} true
+	 */
+	WebKitPlatform.prototype.isSupported = function() {
+		return true;
+	};
+
+	/**
+	 * Queries the currently connected gamepads and reports any changes.
+	 * @method update
+	 */
+	WebKitPlatform.prototype.update = function() {
+		var that = this;
+		var gamepads = Array.prototype.slice.call(this.gamepadGetter(), 0);
+		var gamepad;
+		var i;
+
+		for (i = this.knownGamepads.length - 1; i &gt;= 0; i--) {
+			gamepad = this.knownGamepads[i];
+			if (gamepads.indexOf(gamepad) &lt; 0) {
+				this.knownGamepads.splice(i, 1);
+				this.listener._disconnect(gamepad);
+			}
+		}
+
+		for (i = 0; i &lt; gamepads.length; i++) {
+			gamepad = gamepads[i];
+			if (gamepad &amp;&amp; (that.knownGamepads.indexOf(gamepad) &lt; 0)) {
+				that.knownGamepads.push(gamepad);
+				that.listener._connect(gamepad);
+			}
+		}
+	};
+
+	/**
+	 * This platform is for mozilla based environments that provide gamepad
+	 * updates via events.
+	 *
+	 * @class FirefoxPlatform
+	 * @constructor
+	 * @module Gamepad
+	 */
+	var FirefoxPlatform = function(listener) {
+		this.listener = listener;
+
+		window.addEventListener(&#x27;gamepadconnected&#x27;, function(e) {
+			listener._connect(e.gamepad);
+		});
+		window.addEventListener(&#x27;gamepaddisconnected&#x27;, function(e) {
+			listener._disconnect(e.gamepad);
+		});
+	};
+
+	/**
+	 * Provides a platform object that returns true for isSupported() if valid.
+	 * @method factory
+	 * @static
+	 * @param {Object} listener the listener to use
+	 * @return {Object} a platform object
+	 */
+	FirefoxPlatform.factory = function(listener) {
+		var platform = nullPlatform;
+
+		if (window &amp;&amp; (typeof(window.addEventListener) !== &#x27;undefined&#x27;)) {
+			platform = new FirefoxPlatform(listener);
+		}
+
+		return platform;
+	};
+
+	/**
+	 * @method getType()
+	 * @static
+	 * @return {String} &#x27;Firefox&#x27;
+	 */
+	FirefoxPlatform.getType = function() {
+		return &#x27;Firefox&#x27;;
+	},
+
+	/**
+	 * @method getType()
+	 * @return {String} &#x27;Firefox&#x27;
+	 */
+	FirefoxPlatform.prototype.getType = function() {
+		return FirefoxPlatform.getType();
+	},
+
+	/**
+	 * @method isSupported
+	 * @return {Boolean} true
+	 */
+	FirefoxPlatform.prototype.isSupported = function() {
+		var navigator = window &amp;&amp; window.navigator;
+		return navigator.userAgent.indexOf(&#x27;Firefox&#x27;) !== -1;
+	};
+
+	/**
+	 * Does nothing on the Firefox platform
+	 * @method update
+	 */
+	FirefoxPlatform.prototype.update = nullFunction;
+
+	/**
+	 * Provides simple interface and multi-platform support for the gamepad API.
+	 *
+	 * You can change the deadzone and maximizeThreshold parameters to suit your
+	 * taste but the defaults should generally work fine.
+	 *
+	 * @class Gamepad
+	 * @constructor
+	 * @param {Object} [updateStrategy] an update strategy, defaulting to
+	 *		{{#crossLink &quot;AnimFrameUpdateStrategy&quot;}}{{/crossLink}}
+	 * @module Gamepad
+	 * @author Priit Kallas &lt;kallaspriit@gmail.com&gt;
+	 */
+	var Gamepad = function(updateStrategy) {
+		this.updateStrategy = updateStrategy || new AnimFrameUpdateStrategy();
+		this.gamepads = [];
+		this.listeners = {};
+		this.platform = nullPlatform;
+		this.deadzone = 0.03;
+		this.maximizeThreshold = 0.97;
+	};
+
+	/**
+	 * The available update strategies
+	 * @property UpdateStrategies
+	 * @param {AnimFrameUpdateStrategy} AnimFrameUpdateStrategy
+	 * @param {ManualUpdateStrategy} ManualUpdateStrategy
+	 */
+	Gamepad.UpdateStrategies = {
+		AnimFrameUpdateStrategy: AnimFrameUpdateStrategy,
+		ManualUpdateStrategy: ManualUpdateStrategy
+	};
+
+	/**
+	 * List of factories of supported platforms. Currently available platforms:
+	 * {{#crossLink &quot;WebKitPlatform&quot;}}{{/crossLink}},
+	 * {{#crossLink &quot;FirefoxPlatform&quot;}}{{/crossLink}},
+	 * @property PlatformFactories
+	 * @type {Array}
+	 */
+	Gamepad.PlatformFactories = [FirefoxPlatform.factory, WebKitPlatform.factory];
+
+	/**
+	 * List of supported controller types.
+	 *
+	 * @property Type
+	 * @param {String} Type.N64 Retrolink N64 controller
+	 * @param {String} Type.PLAYSTATION Playstation controller
+	 * @param {String} Type.LOGITECH Logitech controller
+	 * @param {String} Type.XBOX XBOX controller
+	 * @param {String} Type.UNKNOWN Unknown controller
+	 */
+	Gamepad.Type = {
+		N64: &#x27;n64&#x27;,
+		PLAYSTATION: &#x27;playstation&#x27;,
+		LOGITECH: &#x27;logitech&#x27;,
+		XBOX: &#x27;xbox&#x27;,
+		UNKNOWN: &#x27;unknown&#x27;
+	};
+
+	/*
+	 * List of events you can expect from the library.
+	 *
+	 * CONNECTED, DISCONNECTED and UNSUPPORTED events include the gamepad in
+	 * question and tick provides the list of all connected gamepads.
+	 *
+	 * BUTTON_DOWN and BUTTON_UP events provide an alternative to polling button states at each tick.
+	 *
+	 * AXIS_CHANGED is called if a value of some specific axis changes.
+	 */
+	Gamepad.Event = {
+		/**
+		 * Triggered when a new controller connects.
+		 *
+		 * @event connected
+		 * @param {Object} device
+		 */
+		CONNECTED: &#x27;connected&#x27;,
+
+		/**
+		 * Called when an unsupported controller connects.
+		 *
+		 * @event unsupported
+		 * @param {Object} device
+		 * @deprecated not used anymore. Any controller is supported.
+		 */
+		UNSUPPORTED: &#x27;unsupported&#x27;,
+
+		/**
+		 * Triggered when a controller disconnects.
+		 *
+		 * @event disconnected
+		 * @param {Object} device
+		 */
+		DISCONNECTED: &#x27;disconnected&#x27;,
+
+		/**
+		 * Called regularly with the latest controllers info.
+		 *
+		 * @event tick
+		 * @param {Array} gamepads
+		 */
+		TICK: &#x27;tick&#x27;,
+
+		/**
+		 * Called when a gamepad button is pressed down.
+		 *
+		 * @event button-down
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.control Control name
+		 */
+		BUTTON_DOWN: &#x27;button-down&#x27;,
+
+		/**
+		 * Called when a gamepad button is released.
+		 *
+		 * @event button-up
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.control Control name
+		 */
+		BUTTON_UP: &#x27;button-up&#x27;,
+
+		/**
+		 * Called when gamepad axis value changed.
+		 *
+		 * @event axis-changed
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.axis Axis name
+		 * @param {Number} event.value New axis value
+		 */
+		AXIS_CHANGED: &#x27;axis-changed&#x27;
+	};
+
+	/**
+	 * List of standard button names. The index is the according standard button
+	 * index as per standard.
+	 *
+	 * @property StandardButtons
+	 */
+	Gamepad.StandardButtons = [
+		&#x27;FACE_1&#x27;, &#x27;FACE_2&#x27;, &#x27;FACE_3&#x27;, &#x27;FACE_4&#x27;,
+		&#x27;LEFT_TOP_SHOULDER&#x27;, &#x27;RIGHT_TOP_SHOULDER&#x27;, &#x27;LEFT_BOTTOM_SHOULDER&#x27;, &#x27;RIGHT_BOTTOM_SHOULDER&#x27;,
+		&#x27;SELECT_BACK&#x27;, &#x27;START_FORWARD&#x27;, &#x27;LEFT_STICK&#x27;, &#x27;RIGHT_STICK&#x27;,
+		&#x27;DPAD_UP&#x27;, &#x27;DPAD_DOWN&#x27;, &#x27;DPAD_LEFT&#x27;, &#x27;DPAD_RIGHT&#x27;,
+		&#x27;HOME&#x27;
+	];
+
+	/**
+	 * List of standard axis names. The index is the according standard axis
+	 * index as per standard.
+	 *
+	 * @property StandardAxes
+	 */
+	Gamepad.StandardAxes = [&#x27;LEFT_STICK_X&#x27;, &#x27;LEFT_STICK_Y&#x27;, &#x27;RIGHT_STICK_X&#x27;, &#x27;RIGHT_STICK_Y&#x27;];
+
+	var getControlName = function(names, index, extraPrefix) {
+		return (index &lt; names.length) ? names[index] : extraPrefix + (index - names.length + 1);
+	};
+
+	/**
+	 * The standard mapping that represents the mapping as per definition.
+	 * Each button and axis map to the same index.
+	 *
+	 * @property StandardMapping
+	 */
+	Gamepad.StandardMapping = {
+		env: {},
+		buttons: {
+			byButton: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
+		},
+		axes: {
+			byAxis: [0, 1, 2, 3]
+		}
+	};
+
+	/**
+	 * Mapping of various gamepads that differ from the standard mapping on
+	 * different platforms too unify their buttons and axes.
+	 *
+	 * Each mapping should have an &#x27;env&#x27; object, which describes the environment
+	 * in which the mapping is active. The more entries such an environment has,
+	 * the more specific it is.
+	 *
+	 * Mappings are expressed for both buttons and axes. Buttons might refer to
+	 * axes if they are notified as such.
+	 *
+	 * @property Mappings
+	 */
+	Gamepad.Mappings = [
+		// Retrolink N64 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.N64
+			},
+			buttons: {
+				byButton: [
+					// TODO: Figure out which buttons to map A and Z buttons to.
+					2, // FACE_1 -- C-down button
+					1, // FACE_2 -- C-right button
+					3, // FACE_3 -- C-left button
+					0, // FACE_4 -- C-down button
+					4, // LEFT_TOP_SHOULDER -- L button
+					5, // RIGHT_TOP_SHOULDER -- R button
+					-1, // LEFT_BOTTOM_SHOULDER -- missing on controller
+					-1, // RIGHT_BOTTOM_SHOULDER -- missing on controller
+					8, // SELECT_BACK -- B button (is this right?)
+					9, // START_FORWARD -- START button
+					-1, // LEFT_STICK -- missing on controller
+					-1, // RIGHT_STICK -- missing on controller
+					12, // DPAD_UP -- not supported by API (but may eventually)
+					13, // DPAD_DOWN -- not supported by API (but may eventually)
+					14, // DPAD_LEFT -- not supported by API (but may eventually)
+					15, // DPAD_RIGHT -- not supported by API (but may eventually)
+					-1 // HOME -- missing on controller (could be START/B?)
+				]
+			},
+			axes: {
+				byAxis: [
+					1, // LEFT_STICK_X
+					2, // LEFT_STICK_Y
+					-1, // RIGHT_STICK_X
+					-1 // RIGHT_STICK_Y
+				]
+			}
+		},
+		// Retrolink N64 controller on WebKit
+		{
+			env: {
+				platform: WebKitPlatform.getType(),
+				type: Gamepad.Type.N64
+			},
+			buttons: {
+				byButton: [
+					// TODO: Figure out which buttons to map A and Z buttons to.
+					2, // FACE_1 -- C-down button
+					1, // FACE_2 -- C-right button
+					3, // FACE_3 -- C-left button
+					0, // FACE_4 -- C-down button
+					4, // LEFT_TOP_SHOULDER -- L button
+					5, // RIGHT_TOP_SHOULDER -- R button
+					-1, // LEFT_BOTTOM_SHOULDER -- missing on controller
+					-1, // RIGHT_BOTTOM_SHOULDER -- missing on controller
+					8, // SELECT_BACK -- B button (is this right?)
+					9, // START_FORWARD -- START button
+					-1, // LEFT_STICK -- missing on controller
+					-1, // RIGHT_STICK -- missing on controller
+					12, // DPAD_UP -- D-Pad-up button
+					13, // DPAD_DOWN -- D-Pad-down button
+					14, // DPAD_LEFT -- D-Pad-left button
+					15, // DPAD_RIGHT -- D-Pad-right button
+					-1 // HOME -- missing on controller (could be START/B?)
+				]
+			},
+			axes: {
+				byAxis: [
+					0, // LEFT_STICK_X
+					1, // LEFT_STICK_Y
+					-1, // RIGHT_STICK_X
+					-1 // RIGHT_STICK_Y
+				]
+			}
+		},
+		// XBOX360 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.XBOX
+			},
+			buttons: {
+				byButton: [0, 1, 2, 3, 4, 5, 15, 16, 9, 8, 6, 7, 11, 12, 13, 14, 10]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// PS3 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.PLAYSTATION
+			},
+			buttons: {
+				byButton: [14, 13, 15, 12, 10, 11, 8, 9, 0, 3, 1, 2, 4, 6, 7, 5, 16]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// Logitech gamepad on WebKit
+		{
+			env: {
+				platform: WebKitPlatform.getType(),
+				type: Gamepad.Type.LOGITECH
+			},
+			buttons: { // TODO: This can&#x27;t be right - LEFT/RIGHT_STICK have same mappings as HOME/DPAD_UP
+				byButton: [1, 2, 0, 3, 4, 5, 6, 7, 8, 9, 10, 11, 11, 12, 13, 14, 10]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// Logitech gamepad on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.LOGITECH
+			},
+			buttons: {
+				byButton: [0, 1, 2, 3, 4, 5, -1, -1, 6, 7, 8, 9, 11, 12, 13, 14, 10],
+				byAxis: [-1, -1, -1, -1, -1, -1, [2, 0, 1],
+					[2, 0, -1]
+				]
+			},
+			axes: {
+				byAxis: [0, 1, 3, 4]
+			}
+		}
+	];
+
+	/**
+	 * Initializes the gamepad.
+	 *
+	 * You usually want to bind to the events first and then initialize it.
+	 *
+	 * @method init
+	 * @return {Boolean} true if a supporting platform was detected, false otherwise.
+	 */
+	Gamepad.prototype.init = function() {
+		var platform = Gamepad.resolvePlatform(this);
+		var that = this;
+
+		this.platform = platform;
+		this.updateStrategy.start(function() {
+			that._update();
+		});
+
+		return platform.isSupported();
+	};
+
+	/**
+	 * Binds a listener to a gamepad event.
+	 *
+	 * @method bind
+	 * @param {String} event Event to bind to, one of Gamepad.Event..
+	 * @param {Function} listener Listener to call when given event occurs
+	 * @return {Gamepad} Self
+	 */
+	Gamepad.prototype.bind = function(event, listener) {
+		if (typeof(this.listeners[event]) === &#x27;undefined&#x27;) {
+			this.listeners[event] = [];
+		}
+
+		this.listeners[event].push(listener);
+
+		return this;
+	};
+
+	/**
+	 * Removes listener of given type.
+	 *
+	 * If no type is given, all listeners are removed. If no listener is given, all
+	 * listeners of given type are removed.
+	 *
+	 * @method unbind
+	 * @param {String} [type] Type of listener to remove
+	 * @param {Function} [listener] The listener function to remove
+	 * @return {Boolean} Was unbinding the listener successful
+	 */
+	Gamepad.prototype.unbind = function(type, listener) {
+		if (typeof(type) === &#x27;undefined&#x27;) {
+			this.listeners = {};
+
+			return;
+		}
+
+		if (typeof(listener) === &#x27;undefined&#x27;) {
+			this.listeners[type] = [];
+
+			return;
+		}
+
+		if (typeof(this.listeners[type]) === &#x27;undefined&#x27;) {
+			return false;
+		}
+
+		for (var i = 0; i &lt; this.listeners[type].length; i++) {
+			if (this.listeners[type][i] === listener) {
+				this.listeners[type].splice(i, 1);
+
+				return true;
+			}
+		}
+
+		return false;
+	};
+
+	/**
+	 * Returns the number of connected gamepads.
+	 *
+	 * @method count
+	 * @return {Number}
+	 */
+	Gamepad.prototype.count = function() {
+		return this.gamepads.length;
+	};
+
+	/**
+	 * Fires an internal event with given data.
+	 *
+	 * @method _fire
+	 * @param {String} event Event to fire, one of Gamepad.Event..
+	 * @param {*} data Data to pass to the listener
+	 * @private
+	 */
+	Gamepad.prototype._fire = function(event, data) {
+		if (typeof(this.listeners[event]) === &#x27;undefined&#x27;) {
+			return;
+		}
+
+		for (var i = 0; i &lt; this.listeners[event].length; i++) {
+			this.listeners[event][i].apply(this.listeners[event][i], [data]);
+		}
+	};
+
+	/**
+	 * @method getNullPlatform
+	 * @static
+	 * @return {Object} a platform that does not support anything
+	 */
+	Gamepad.getNullPlatform = function() {
+		return Object.create(nullPlatform);
+	};
+
+	/**
+	 * Resolves platform.
+	 *
+	 * @method resolvePlatform
+	 * @static
+	 * @param listener {Object} the listener to handle _connect() or _disconnect() calls
+	 * @return {Object} A platform instance
+	 */
+	Gamepad.resolvePlatform = function(listener) {
+		var platform = nullPlatform;
+		var i;
+
+		for (i = 0; !platform.isSupported() &amp;&amp; (i &lt; Gamepad.PlatformFactories.length); i++) {
+			platform = Gamepad.PlatformFactories[i](listener);
+		}
+
+		return platform;
+	};
+
+	/**
+	 * Registers given gamepad.
+	 *
+	 * @method _connect
+	 * @param {Object} gamepad Gamepad to connect to
+	 * @private
+	 */
+	Gamepad.prototype._connect = function(gamepad) {
+		var mapping = this._resolveMapping(gamepad);
+		var count;
+		var i;
+
+		//gamepad.mapping = this._resolveMapping(gamepad);
+		gamepad.state = {};
+		gamepad.lastState = {};
+		gamepad.updater = [];
+
+		count = mapping.buttons.byButton.length;
+		for (i = 0; i &lt; count; i++) {
+			this._addButtonUpdater(gamepad, mapping, i);
+		}
+
+		count = mapping.axes.byAxis.length;
+		for (i = 0; i &lt; count; i++) {
+			this._addAxisUpdater(gamepad, mapping, i);
+		}
+
+		this.gamepads[gamepad.index] = gamepad;
+
+		this._fire(Gamepad.Event.CONNECTED, gamepad);
+	};
+
+	/**
+	 * Adds an updater for a button control
+	 *
+	 * @method _addButtonUpdater
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create the updater
+	 * @param {Object} mapping the mapping on which to work on
+	 * @param {Number} index button index
+	 */
+	Gamepad.prototype._addButtonUpdater = function(gamepad, mapping, index) {
+		var updater = nullFunction;
+		var controlName = getControlName(Gamepad.StandardButtons, index, &#x27;EXTRA_BUTTON_&#x27;);
+		var getter = this._createButtonGetter(gamepad, mapping.buttons, index);
+		var that = this;
+		var buttonEventData = {
+			gamepad: gamepad,
+			control: controlName
+		};
+
+		gamepad.state[controlName] = 0;
+		gamepad.lastState[controlName] = 0;
+
+		updater = function() {
+			var value = getter();
+			var lastValue = gamepad.lastState[controlName];
+			var isDown = value &gt; 0.5;
+			var wasDown = lastValue &gt; 0.5;
+
+			gamepad.state[controlName] = value;
+
+			if (isDown &amp;&amp; !wasDown) {
+				that._fire(Gamepad.Event.BUTTON_DOWN, Object.create(buttonEventData));
+			} else if (!isDown &amp;&amp; wasDown) {
+				that._fire(Gamepad.Event.BUTTON_UP, Object.create(buttonEventData));
+			}
+
+			if ((value !== 0) &amp;&amp; (value !== 1) &amp;&amp; (value !== lastValue)) {
+				that._fireAxisChangedEvent(gamepad, controlName, value);
+			}
+
+			gamepad.lastState[controlName] = value;
+		};
+
+		gamepad.updater.push(updater);
+	};
+
+	/**
+	 * Adds an updater for an axis control
+	 *
+	 * @method _addAxisUpdater
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create the updater
+	 * @param {Object} mapping the mapping on which to work on
+	 * @param {Number} index axis index
+	 */
+	Gamepad.prototype._addAxisUpdater = function(gamepad, mapping, index) {
+		var updater = nullFunction;
+		var controlName = getControlName(Gamepad.StandardAxes, index, &#x27;EXTRA_AXIS_&#x27;);
+		var getter = this._createAxisGetter(gamepad, mapping.axes, index);
+		var that = this;
+
+		gamepad.state[controlName] = 0;
+		gamepad.lastState[controlName] = 0;
+
+		updater = function() {
+			var value = getter();
+			var lastValue = gamepad.lastState[controlName];
+
+			gamepad.state[controlName] = value;
+
+			if ((value !== lastValue)) {
+				that._fireAxisChangedEvent(gamepad, controlName, value);
+			}
+
+			gamepad.lastState[controlName] = value;
+		};
+
+		gamepad.updater.push(updater);
+	};
+
+	/**
+	 * Fires an AXIS_CHANGED event
+	 * @method _fireAxisChangedEvent
+	 * @private
+	 * @param {Object} gamepad the gamepad to notify for
+	 * @param {String} controlName name of the control that changes its value
+	 * @param {Number} value the new value
+	 */
+	Gamepad.prototype._fireAxisChangedEvent = function(gamepad, controlName, value) {
+		var eventData = {
+			gamepad: gamepad,
+			axis: controlName,
+			value: value
+		};
+
+		this._fire(Gamepad.Event.AXIS_CHANGED, eventData);
+	};
+
+	/**
+	 * Creates a getter according to the mapping entry for the specific index.
+	 * Currently supported entries:
+	 *
+	 * buttons.byButton[index]: Number := Index into gamepad.buttons; -1 tests byAxis
+	 * buttons.byAxis[index]: Array := [Index into gamepad.axes; Zero Value, One Value]
+	 *
+	 * @method _createButtonGetter
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create a getter
+	 * @param {Object} buttons the mappings entry for the buttons
+	 * @param {Number} index the specific button entry
+	 * @return {Function} a getter returning the value for the requested button
+	 */
+	Gamepad.prototype._createButtonGetter = (function() {
+		var nullGetter = function() {
+			return 0;
+		};
+
+		var createRangeGetter = function(valueGetter, from, to) {
+			var getter = nullGetter;
+
+			if (from &lt; to) {
+				getter = function() {
+					var range = to - from;
+					var value = valueGetter();
+
+					value = (value - from) / range;
+
+					return (value &lt; 0) ? 0 : value;
+				};
+			} else if (to &lt; from) {
+				getter = function() {
+					var range = from - to;
+					var value = valueGetter();
+
+					value = (value - to) / range;
+
+					return (value &gt; 1) ? 0 : (1 - value);
+				};
+			}
+
+			return getter;
+		};
+
+		var isArray = function(thing) {
+			return Object.prototype.toString.call(thing) === &#x27;[object Array]&#x27;;
+		};
+
+		return function(gamepad, buttons, index) {
+			var getter = nullGetter;
+			var entry;
+			var that = this;
+
+			entry = buttons.byButton[index];
+			if (entry !== -1) {
+				if ((typeof(entry) === &#x27;number&#x27;) &amp;&amp; (entry &lt; gamepad.buttons.length)) {
+					getter = function() {
+						var value = gamepad.buttons[entry];
+
+						if (typeof value === &#x27;number&#x27;) {
+							return value;
+						}
+
+						if (typeof value.value === &#x27;number&#x27;) {
+							return value.value;
+						}
+
+						return 0;
+					};
+				}
+			} else if (buttons.byAxis &amp;&amp; (index &lt; buttons.byAxis.length)) {
+				entry = buttons.byAxis[index];
+				if (isArray(entry) &amp;&amp; (entry.length == 3) &amp;&amp; (entry[0] &lt; gamepad.axes.length)) {
+					getter = function() {
+						var value = gamepad.axes[entry[0]];
+
+						return that._applyDeadzoneMaximize(value);
+					};
+
+					getter = createRangeGetter(getter, entry[1], entry[2]);
+				}
+			}
+
+			return getter;
+		};
+	})();
+
+	/**
+	 * Creates a getter according to the mapping entry for the specific index.
+	 * Currently supported entries:
+	 *
+	 * axes.byAxis[index]: Number := Index into gamepad.axes; -1 ignored
+	 *
+	 * @method _createAxisGetter
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create a getter
+	 * @param {Object} axes the mappings entry for the axes
+	 * @param {Number} index the specific axis entry
+	 * @return {Function} a getter returning the value for the requested axis
+	 */
+	Gamepad.prototype._createAxisGetter = (function() {
+		var nullGetter = function() {
+			return 0;
+		};
+
+		return function(gamepad, axes, index) {
+			var getter = nullGetter;
+			var entry;
+			var that = this;
+
+			entry = axes.byAxis[index];
+			if (entry !== -1) {
+				if ((typeof(entry) === &#x27;number&#x27;) &amp;&amp; (entry &lt; gamepad.axes.length)) {
+					getter = function() {
+						var value = gamepad.axes[entry];
+
+						return that._applyDeadzoneMaximize(value);
+					};
+				}
+			}
+
+			return getter;
+		};
+	})();
+
+	/**
+	 * Disconnects from given gamepad.
+	 *
+	 * @method _disconnect
+	 * @param {Object} gamepad Gamepad to disconnect
+	 * @private
+	 */
+	Gamepad.prototype._disconnect = function(gamepad) {
+		var newGamepads = [],
+			i;
+
+		if (typeof(this.gamepads[gamepad.index]) !== &#x27;undefined&#x27;) {
+			delete this.gamepads[gamepad.index];
+		}
+
+		for (i = 0; i &lt; this.gamepads.length; i++) {
+			if (typeof(this.gamepads[i]) !== &#x27;undefined&#x27;) {
+				newGamepads[i] = this.gamepads[i];
+			}
+		}
+
+		this.gamepads = newGamepads;
+
+		this._fire(Gamepad.Event.DISCONNECTED, gamepad);
+	};
+
+	/**
+	 * Resolves controller type from its id.
+	 *
+	 * @method _resolveControllerType
+	 * @param {String} id Controller id
+	 * @return {String} Controller type, one of Gamepad.Type
+	 * @private
+	 */
+	Gamepad.prototype._resolveControllerType = function(id) {
+		// Lowercase and strip all extra whitespace.
+		id = id.toLowerCase().replace(/\s+/g, &#x27; &#x27;).replace(/^\s+|\s+$/g, &#x27;&#x27;);
+
+		if (id.indexOf(&#x27;playstation&#x27;) !== -1) {
+			return Gamepad.Type.PLAYSTATION;
+		} else if (
+			id.indexOf(&#x27;logitech&#x27;) !== -1 || id.indexOf(&#x27;wireless gamepad&#x27;) !== -1) {
+			return Gamepad.Type.LOGITECH;
+		} else if (id.indexOf(&#x27;xbox&#x27;) !== -1 || id.indexOf(&#x27;360&#x27;) !== -1) {
+			return Gamepad.Type.XBOX;
+		} else if ((id.indexOf(&#x27;79-6-generic&#x27;) !== -1 &amp;&amp; id.indexOf(&#x27;joystick&#x27;) !== -1) ||
+			(id.indexOf(&#x27;vendor: 0079 product: 0006&#x27;) !== -1 &amp;&amp;
+				id.indexOf(&#x27;generic usb joystick&#x27;) !== -1)) {
+			return Gamepad.Type.N64;
+		} else {
+			return Gamepad.Type.UNKNOWN;
+		}
+	};
+
+	/**
+	 * @method _resolveMapping
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to resolve the mapping
+	 * @return {Object} a mapping object for the given gamepad
+	 */
+	Gamepad.prototype._resolveMapping = function(gamepad) {
+		var mappings = Gamepad.Mappings;
+		var mapping = null;
+		var env = {
+			platform: this.platform.getType(),
+			type: this._resolveControllerType(gamepad.id)
+		};
+		var i;
+		var test;
+
+		for (i = 0; !mapping &amp;&amp; (i &lt; mappings.length); i++) {
+			test = mappings[i];
+			if (Gamepad.envMatchesFilter(test.env, env)) {
+				mapping = test;
+			}
+		}
+
+		return mapping || Gamepad.StandardMapping;
+	};
+
+	/**
+	 * @method envMatchesFilter
+	 * @static
+	 * @param {Object} filter the filter object describing properties to match
+	 * @param {Object} env the environment object that is matched against filter
+	 * @return {Boolean} true if env is covered by filter
+	 */
+	Gamepad.envMatchesFilter = function(filter, env) {
+		var result = true;
+		var field;
+
+		for (field in filter) {
+			if (filter[field] !== env[field]) {
+				result = false;
+			}
+		}
+
+		return result;
+	};
+
+	/**
+	 * Updates the controllers, triggering TICK events.
+	 *
+	 * @method _update
+	 * @private
+	 */
+	Gamepad.prototype._update = function() {
+		this.platform.update();
+
+		this.gamepads.forEach(function(gamepad) {
+			if (gamepad) {
+				gamepad.updater.forEach(function(updater) {
+					updater();
+				});
+			}
+		});
+
+		if (this.gamepads.length &gt; 0) {
+			this._fire(Gamepad.Event.TICK, this.gamepads);
+		}
+	},
+
+	/**
+	 * Applies deadzone and maximization.
+	 *
+	 * You can change the thresholds via deadzone and maximizeThreshold members.
+	 *
+	 * @method _applyDeadzoneMaximize
+	 * @param {Number} value Value to modify
+	 * @param {Number} [deadzone] Deadzone to apply
+	 * @param {Number} [maximizeThreshold] From which value to maximize value
+	 * @private
+	 */
+	Gamepad.prototype._applyDeadzoneMaximize = function(
+		value,
+		deadzone,
+		maximizeThreshold) {
+		deadzone = typeof(deadzone) !== &#x27;undefined&#x27; ? deadzone : this.deadzone;
+		maximizeThreshold = typeof(maximizeThreshold) !== &#x27;undefined&#x27; ? maximizeThreshold : this.maximizeThreshold;
+
+		if (value &gt;= 0) {
+			if (value &lt; deadzone) {
+				value = 0;
+			} else if (value &gt; maximizeThreshold) {
+				value = 1;
+			}
+		} else {
+			if (value &gt; -deadzone) {
+				value = 0;
+			} else if (value &lt; -maximizeThreshold) {
+				value = -1;
+			}
+		}
+
+		return value;
+	};
+
+	exports.Gamepad = Gamepad;
+
+})(((typeof(module) !== &#x27;undefined&#x27;) &amp;&amp; module.exports) || window);
+
+    </pre>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/files/index.html b/app/lib/gamepad/doc/files/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/app/lib/gamepad/doc/files/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/app/lib/gamepad/doc/index.html b/app/lib/gamepad/doc/index.html
new file mode 100644
index 0000000..14867b1
--- /dev/null
+++ b/app/lib/gamepad/doc/index.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="./assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="./assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="./assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="./assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="./classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="./classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="./classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="./classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="./classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="./modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                            <div class="apidocs">
+        <div id="docs-main" class="content">
+            <p>
+            Browse to a module or class using the sidebar to view its API documentation.
+            </p>
+
+            <h2>Keyboard Shortcuts</h2>
+
+            <ul>
+                <li><p>Press <kbd>s</kbd> to focus the API search box.</p></li>
+
+                <li><p>Use <kbd>Up</kbd> and <kbd>Down</kbd> to select classes, modules, and search results.</p></li>
+
+                <li class="mac-only"><p>With the API search box or sidebar focused, use <kbd><span class="cmd">&#x2318;</span>-Left</kbd> or <kbd><span class="cmd">&#x2318;</span>-Right</kbd> to switch sidebar tabs.</p></li>
+
+                <li class="pc-only"><p>With the API search box or sidebar focused, use <kbd>Ctrl+Left</kbd> and <kbd>Ctrl+Right</kbd> to switch sidebar tabs.</p></li>
+            </ul>
+        </div>
+    </div>
+
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="./assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="./assets/js/yui-prettify.js"></script>
+<script src="./assets/../api.js"></script>
+<script src="./assets/js/api-filter.js"></script>
+<script src="./assets/js/api-list.js"></script>
+<script src="./assets/js/api-search.js"></script>
+<script src="./assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/modules/Gamepad.html b/app/lib/gamepad/doc/modules/Gamepad.html
new file mode 100644
index 0000000..a747d12
--- /dev/null
+++ b/app/lib/gamepad/doc/modules/Gamepad.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Gamepad - HTML5-JavaScript-Gamepad-Controller-Library</title>
+    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
+    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
+    <link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
+    <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
+    <script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
+</head>
+<body class="yui3-skin-sam">
+
+<div id="doc">
+    <div id="hd" class="yui3-g header">
+        <div class="yui3-u-3-4">
+            
+                <h1><img src="../assets/css/logo.png" title="HTML5-JavaScript-Gamepad-Controller-Library"></h1>
+            
+        </div>
+        <div class="yui3-u-1-4 version">
+            <em>API Docs for: 0.0.1</em>
+        </div>
+    </div>
+    <div id="bd" class="yui3-g">
+
+        <div class="yui3-u-1-4">
+            <div id="docs-sidebar" class="sidebar apidocs">
+                <div id="api-list">
+    <h2 class="off-left">APIs</h2>
+    <div id="api-tabview" class="tabview">
+        <ul class="tabs">
+            <li><a href="#api-classes">Classes</a></li>
+            <li><a href="#api-modules">Modules</a></li>
+        </ul>
+
+        <div id="api-tabview-filter">
+            <input type="search" id="api-filter" placeholder="Type to filter APIs">
+        </div>
+
+        <div id="api-tabview-panel">
+            <ul id="api-classes" class="apis classes">
+            
+                <li><a href="../classes/AnimFrameUpdateStrategy.html">AnimFrameUpdateStrategy</a></li>
+            
+                <li><a href="../classes/FirefoxPlatform.html">FirefoxPlatform</a></li>
+            
+                <li><a href="../classes/Gamepad.html">Gamepad</a></li>
+            
+                <li><a href="../classes/ManualUpdateStrategy.html">ManualUpdateStrategy</a></li>
+            
+                <li><a href="../classes/WebKitPlatform.html">WebKitPlatform</a></li>
+            
+            </ul>
+
+            <ul id="api-modules" class="apis modules">
+            
+                <li><a href="../modules/Gamepad.html">Gamepad</a></li>
+            
+            </ul>
+        </div>
+    </div>
+</div>
+
+            </div>
+        </div>
+        <div class="yui3-u-3-4">
+                <div id="api-options">
+        Show:
+        <label for="api-show-inherited">
+            <input type="checkbox" id="api-show-inherited" checked>
+            Inherited
+        </label>
+
+        <label for="api-show-protected">
+            <input type="checkbox" id="api-show-protected">
+            Protected
+        </label>
+
+        <label for="api-show-private">
+            <input type="checkbox" id="api-show-private">
+            Private
+        </label>
+        <label for="api-show-deprecated">
+            <input type="checkbox" id="api-show-deprecated">
+            Deprecated
+        </label>
+
+    </div>
+
+
+            <div class="apidocs">
+                <div id="docs-main">
+                    <div class="content">
+                        <h1>Gamepad Module</h1>
+<div class="box clearfix meta">
+    
+
+    
+
+    
+        <div class="foundat">
+            Defined in: <a href="../files/gamepad.js.html#l289"><code>gamepad.js:289</code></a>
+        </div>
+    
+
+    
+</div>
+
+
+
+<div class="box intro">
+    <p>This strategy uses a timer function to call an update function.
+The timer (re)start function can be provided or the strategy reverts to
+one of the window.*requestAnimationFrame variants.</p>
+
+</div>
+
+
+
+<div class="yui3-g">
+    <div class="yui3-u-1-2">
+        
+            <p>This module provides the following classes:</p>
+
+            <ul class="module-classes">
+            
+                <li class="module-class">
+                    <a href="../classes/AnimFrameUpdateStrategy.html">
+                        AnimFrameUpdateStrategy
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/FirefoxPlatform.html">
+                        FirefoxPlatform
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/Gamepad.html">
+                        Gamepad
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/ManualUpdateStrategy.html">
+                        ManualUpdateStrategy
+                    </a>
+                </li>
+            
+                <li class="module-class">
+                    <a href="../classes/WebKitPlatform.html">
+                        WebKitPlatform
+                    </a>
+                </li>
+            
+            </ul>
+        
+    </div>
+
+    <div class="yui3-u-1-2">
+        
+    </div>
+</div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../assets/vendor/prettify/prettify-min.js"></script>
+<script>prettyPrint();</script>
+<script src="../assets/js/yui-prettify.js"></script>
+<script src="../assets/../api.js"></script>
+<script src="../assets/js/api-filter.js"></script>
+<script src="../assets/js/api-list.js"></script>
+<script src="../assets/js/api-search.js"></script>
+<script src="../assets/js/apidocs.js"></script>
+</body>
+</html>
diff --git a/app/lib/gamepad/doc/modules/index.html b/app/lib/gamepad/doc/modules/index.html
new file mode 100644
index 0000000..487fe15
--- /dev/null
+++ b/app/lib/gamepad/doc/modules/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+    <head>
+        <title>Redirector</title>
+        <meta http-equiv="refresh" content="0;url=../">
+    </head>
+    <body>
+        <a href="../">Click here to redirect</a>
+    </body>
+</html>
diff --git a/app/lib/gamepad/gamepad.js b/app/lib/gamepad/gamepad.js
new file mode 100644
index 0000000..76d12cd
--- /dev/null
+++ b/app/lib/gamepad/gamepad.js
@@ -0,0 +1,1160 @@
+/*
+ * Copyright 2012 Priit Kallas <kallaspriit@gmail.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+(function(exports) {
+	'use strict';
+
+	/**
+	 * A null function - does nothing, returns nothing
+	 */
+	var nullFunction = function() {};
+
+	/**
+	 * The null platform, which doesn't support anything
+	 */
+	var nullPlatform = {
+		getType: function() {
+			return 'null';
+		},
+		isSupported: function() {
+			return false;
+		},
+		update: nullFunction
+	};
+
+	/**
+	 * This strategy uses a timer function to call an update function.
+	 * The timer (re)start function can be provided or the strategy reverts to
+	 * one of the window.*requestAnimationFrame variants.
+	 *
+	 * @class AnimFrameUpdateStrategy
+	 * @constructor
+	 * @param {Function} [requestAnimationFrame] function to use for timer creation
+	 * @module Gamepad
+	 */
+	var AnimFrameUpdateStrategy = function(requestAnimationFrame) {
+		var that = this;
+		var win = window;
+
+		this.update = nullFunction;
+
+		this.requestAnimationFrame = requestAnimationFrame || win.requestAnimationFrame ||
+			win.webkitRequestAnimationFrame || win.mozRequestAnimationFrame;
+
+		/**
+		 * This method calls the (user) update and restarts itself
+		 * @method tickFunction
+		 */
+		this.tickFunction = function() {
+			that.update();
+			that.startTicker();
+		};
+
+		/**
+		 * (Re)Starts the ticker
+		 * @method startTicker
+		 */
+		this.startTicker = function() {
+			that.requestAnimationFrame.apply(win, [that.tickFunction]);
+		};
+	};
+
+	/**
+	 * Starts the update strategy using the given function
+	 *
+	 * @method start
+	 * @param {Function} updateFunction the function to call at each update
+	 */
+	AnimFrameUpdateStrategy.prototype.start = function(updateFunction) {
+		this.update = updateFunction || nullFunction;
+		this.startTicker();
+	};
+
+	/**
+	 * This strategy gives the user the ability to call the library internal
+	 * update function on request. Use this strategy if you already have a
+	 * timer function running by requestAnimationFrame and you need fine control
+	 * over when the gamepads are updated.
+	 *
+	 * @class ManualUpdateStrategy
+	 * @constructor
+	 * @module Gamepad
+	 */
+	var ManualUpdateStrategy = function() {
+
+	};
+
+	/**
+	 * Calls the update function in the started state. Does nothing otherwise.
+	 * @method update
+	 */
+	ManualUpdateStrategy.prototype.update = nullFunction;
+
+	/**
+	 * Starts the update strategy using the given function
+	 *
+	 * @method start
+	 * @param {Function} updateFunction the function to call at each update
+	 */
+	ManualUpdateStrategy.prototype.start = function(updateFunction) {
+		this.update = updateFunction || nullFunction;
+	};
+
+	/**
+	 * This platform is for webkit based environments that need to be polled
+	 * for updates.
+	 *
+	 * @class WebKitPlatform
+	 * @constructor
+	 * @param {Object} listener the listener to provide _connect and _disconnect callbacks
+	 * @param {Function} gamepadGetter the poll function to return an array of connected gamepads
+	 * @module Gamepad
+	 */
+	var WebKitPlatform = function(listener, gamepadGetter) {
+		this.listener = listener;
+		this.gamepadGetter = gamepadGetter;
+		this.knownGamepads = [];
+	};
+
+	/**
+	 * Provides a platform object that returns true for isSupported() if valid.
+	 * @method factory
+	 * @static
+	 * @param {Object} listener the listener to use
+	 * @return {Object} a platform object
+	 */
+	WebKitPlatform.factory = function(listener) {
+		var platform = nullPlatform;
+		var navigator = window && window.navigator;
+
+		if (navigator) {
+			if (typeof(navigator.getGamepads) !== 'undefined') {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.getGamepads();
+				});
+			} else if (typeof(navigator.webkitGamepads) !== 'undefined') {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.webkitGamepads();
+				});
+			} else if (typeof(navigator.webkitGetGamepads) !== 'undefined') {
+				platform = new WebKitPlatform(listener, function() {
+					return navigator.webkitGetGamepads();
+				});
+			}
+		}
+
+		return platform;
+	};
+
+	/**
+	 * @method getType()
+	 * @static
+	 * @return {String} 'WebKit'
+	 */
+	WebKitPlatform.getType = function() {
+		return 'WebKit';
+	},
+
+	/**
+	 * @method getType()
+	 * @return {String} 'WebKit'
+	 */
+	WebKitPlatform.prototype.getType = function() {
+		return WebKitPlatform.getType();
+	},
+
+	/**
+	 * @method isSupported
+	 * @return {Boolean} true
+	 */
+	WebKitPlatform.prototype.isSupported = function() {
+		return true;
+	};
+
+	/**
+	 * Queries the currently connected gamepads and reports any changes.
+	 * @method update
+	 */
+	WebKitPlatform.prototype.update = function() {
+		var that = this;
+		var gamepads = Array.prototype.slice.call(this.gamepadGetter(), 0);
+		var gamepad;
+		var i;
+
+		for (i = this.knownGamepads.length - 1; i >= 0; i--) {
+			gamepad = this.knownGamepads[i];
+			if (gamepads.indexOf(gamepad) < 0) {
+				this.knownGamepads.splice(i, 1);
+				this.listener._disconnect(gamepad);
+			}
+		}
+
+		for (i = 0; i < gamepads.length; i++) {
+			gamepad = gamepads[i];
+			if (gamepad && (that.knownGamepads.indexOf(gamepad) < 0)) {
+				that.knownGamepads.push(gamepad);
+				that.listener._connect(gamepad);
+			}
+		}
+	};
+
+	/**
+	 * This platform is for mozilla based environments that provide gamepad
+	 * updates via events.
+	 *
+	 * @class FirefoxPlatform
+	 * @constructor
+	 * @module Gamepad
+	 */
+	var FirefoxPlatform = function(listener) {
+		this.listener = listener;
+
+		window.addEventListener('gamepadconnected', function(e) {
+			listener._connect(e.gamepad);
+		});
+		window.addEventListener('gamepaddisconnected', function(e) {
+			listener._disconnect(e.gamepad);
+		});
+	};
+
+	/**
+	 * Provides a platform object that returns true for isSupported() if valid.
+	 * @method factory
+	 * @static
+	 * @param {Object} listener the listener to use
+	 * @return {Object} a platform object
+	 */
+	FirefoxPlatform.factory = function(listener) {
+		var platform = nullPlatform;
+
+		if (window && (typeof(window.addEventListener) !== 'undefined')) {
+			platform = new FirefoxPlatform(listener);
+		}
+
+		return platform;
+	};
+
+	/**
+	 * @method getType()
+	 * @static
+	 * @return {String} 'Firefox'
+	 */
+	FirefoxPlatform.getType = function() {
+		return 'Firefox';
+	},
+
+	/**
+	 * @method getType()
+	 * @return {String} 'Firefox'
+	 */
+	FirefoxPlatform.prototype.getType = function() {
+		return FirefoxPlatform.getType();
+	},
+
+	/**
+	 * @method isSupported
+	 * @return {Boolean} true
+	 */
+	FirefoxPlatform.prototype.isSupported = function() {
+		var navigator = window && window.navigator;
+		return navigator.userAgent.indexOf('Firefox') !== -1;
+	};
+
+	/**
+	 * Does nothing on the Firefox platform
+	 * @method update
+	 */
+	FirefoxPlatform.prototype.update = nullFunction;
+
+	/**
+	 * Provides simple interface and multi-platform support for the gamepad API.
+	 *
+	 * You can change the deadzone and maximizeThreshold parameters to suit your
+	 * taste but the defaults should generally work fine.
+	 *
+	 * @class Gamepad
+	 * @constructor
+	 * @param {Object} [updateStrategy] an update strategy, defaulting to
+	 *		{{#crossLink "AnimFrameUpdateStrategy"}}{{/crossLink}}
+	 * @module Gamepad
+	 * @author Priit Kallas <kallaspriit@gmail.com>
+	 */
+	var Gamepad = function(updateStrategy) {
+		this.updateStrategy = updateStrategy || new AnimFrameUpdateStrategy();
+		this.gamepads = [];
+		this.listeners = {};
+		this.platform = nullPlatform;
+		this.deadzone = 0.03;
+		this.maximizeThreshold = 0.97;
+	};
+
+	/**
+	 * The available update strategies
+	 * @property UpdateStrategies
+	 * @param {AnimFrameUpdateStrategy} AnimFrameUpdateStrategy
+	 * @param {ManualUpdateStrategy} ManualUpdateStrategy
+	 */
+	Gamepad.UpdateStrategies = {
+		AnimFrameUpdateStrategy: AnimFrameUpdateStrategy,
+		ManualUpdateStrategy: ManualUpdateStrategy
+	};
+
+	/**
+	 * List of factories of supported platforms. Currently available platforms:
+	 * {{#crossLink "WebKitPlatform"}}{{/crossLink}},
+	 * {{#crossLink "FirefoxPlatform"}}{{/crossLink}},
+	 * @property PlatformFactories
+	 * @type {Array}
+	 */
+	Gamepad.PlatformFactories = [FirefoxPlatform.factory, WebKitPlatform.factory];
+
+	/**
+	 * List of supported controller types.
+	 *
+	 * @property Type
+	 * @param {String} Type.N64 Retrolink N64 controller
+	 * @param {String} Type.PLAYSTATION Playstation controller
+	 * @param {String} Type.LOGITECH Logitech controller
+	 * @param {String} Type.XBOX XBOX controller
+	 * @param {String} Type.UNKNOWN Unknown controller
+	 */
+	Gamepad.Type = {
+		N64: 'n64',
+		PLAYSTATION: 'playstation',
+		LOGITECH: 'logitech',
+		XBOX: 'xbox',
+		UNKNOWN: 'unknown'
+	};
+
+	/*
+	 * List of events you can expect from the library.
+	 *
+	 * CONNECTED, DISCONNECTED and UNSUPPORTED events include the gamepad in
+	 * question and tick provides the list of all connected gamepads.
+	 *
+	 * BUTTON_DOWN and BUTTON_UP events provide an alternative to polling button states at each tick.
+	 *
+	 * AXIS_CHANGED is called if a value of some specific axis changes.
+	 */
+	Gamepad.Event = {
+		/**
+		 * Triggered when a new controller connects.
+		 *
+		 * @event connected
+		 * @param {Object} device
+		 */
+		CONNECTED: 'connected',
+
+		/**
+		 * Called when an unsupported controller connects.
+		 *
+		 * @event unsupported
+		 * @param {Object} device
+		 * @deprecated not used anymore. Any controller is supported.
+		 */
+		UNSUPPORTED: 'unsupported',
+
+		/**
+		 * Triggered when a controller disconnects.
+		 *
+		 * @event disconnected
+		 * @param {Object} device
+		 */
+		DISCONNECTED: 'disconnected',
+
+		/**
+		 * Called regularly with the latest controllers info.
+		 *
+		 * @event tick
+		 * @param {Array} gamepads
+		 */
+		TICK: 'tick',
+
+		/**
+		 * Called when a gamepad button is pressed down.
+		 *
+		 * @event button-down
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.control Control name
+		 */
+		BUTTON_DOWN: 'button-down',
+
+		/**
+		 * Called when a gamepad button is released.
+		 *
+		 * @event button-up
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.control Control name
+		 */
+		BUTTON_UP: 'button-up',
+
+		/**
+		 * Called when gamepad axis value changed.
+		 *
+		 * @event axis-changed
+		 * @param {Object} event
+		 * @param {Object} event.gamepad The gamepad object
+		 * @param {String} event.axis Axis name
+		 * @param {Number} event.value New axis value
+		 */
+		AXIS_CHANGED: 'axis-changed'
+	};
+
+	/**
+	 * List of standard button names. The index is the according standard button
+	 * index as per standard.
+	 *
+	 * @property StandardButtons
+	 */
+	Gamepad.StandardButtons = [
+		'FACE_1', 'FACE_2', 'FACE_3', 'FACE_4',
+		'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER', 'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER',
+		'SELECT_BACK', 'START_FORWARD', 'LEFT_STICK', 'RIGHT_STICK',
+		'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT', 'DPAD_RIGHT',
+		'HOME'
+	];
+
+	/**
+	 * List of standard axis names. The index is the according standard axis
+	 * index as per standard.
+	 *
+	 * @property StandardAxes
+	 */
+	Gamepad.StandardAxes = ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y'];
+
+	var getControlName = function(names, index, extraPrefix) {
+		return (index < names.length) ? names[index] : extraPrefix + (index - names.length + 1);
+	};
+
+	/**
+	 * The standard mapping that represents the mapping as per definition.
+	 * Each button and axis map to the same index.
+	 *
+	 * @property StandardMapping
+	 */
+	Gamepad.StandardMapping = {
+		env: {},
+		buttons: {
+			byButton: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
+		},
+		axes: {
+			byAxis: [0, 1, 2, 3]
+		}
+	};
+
+	/**
+	 * Mapping of various gamepads that differ from the standard mapping on
+	 * different platforms too unify their buttons and axes.
+	 *
+	 * Each mapping should have an 'env' object, which describes the environment
+	 * in which the mapping is active. The more entries such an environment has,
+	 * the more specific it is.
+	 *
+	 * Mappings are expressed for both buttons and axes. Buttons might refer to
+	 * axes if they are notified as such.
+	 *
+	 * @property Mappings
+	 */
+	Gamepad.Mappings = [
+		// Retrolink N64 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.N64
+			},
+			buttons: {
+				byButton: [
+					// TODO: Figure out which buttons to map A and Z buttons to.
+					2, // FACE_1 -- C-down button
+					1, // FACE_2 -- C-right button
+					3, // FACE_3 -- C-left button
+					0, // FACE_4 -- C-down button
+					4, // LEFT_TOP_SHOULDER -- L button
+					5, // RIGHT_TOP_SHOULDER -- R button
+					-1, // LEFT_BOTTOM_SHOULDER -- missing on controller
+					-1, // RIGHT_BOTTOM_SHOULDER -- missing on controller
+					8, // SELECT_BACK -- B button (is this right?)
+					9, // START_FORWARD -- START button
+					-1, // LEFT_STICK -- missing on controller
+					-1, // RIGHT_STICK -- missing on controller
+					12, // DPAD_UP -- not supported by API (but may eventually)
+					13, // DPAD_DOWN -- not supported by API (but may eventually)
+					14, // DPAD_LEFT -- not supported by API (but may eventually)
+					15, // DPAD_RIGHT -- not supported by API (but may eventually)
+					-1 // HOME -- missing on controller (could be START/B?)
+				]
+			},
+			axes: {
+				byAxis: [
+					1, // LEFT_STICK_X
+					2, // LEFT_STICK_Y
+					-1, // RIGHT_STICK_X
+					-1 // RIGHT_STICK_Y
+				]
+			}
+		},
+		// Retrolink N64 controller on WebKit
+		{
+			env: {
+				platform: WebKitPlatform.getType(),
+				type: Gamepad.Type.N64
+			},
+			buttons: {
+				byButton: [
+					// TODO: Figure out which buttons to map A and Z buttons to.
+					2, // FACE_1 -- C-down button
+					1, // FACE_2 -- C-right button
+					3, // FACE_3 -- C-left button
+					0, // FACE_4 -- C-down button
+					4, // LEFT_TOP_SHOULDER -- L button
+					5, // RIGHT_TOP_SHOULDER -- R button
+					-1, // LEFT_BOTTOM_SHOULDER -- missing on controller
+					-1, // RIGHT_BOTTOM_SHOULDER -- missing on controller
+					8, // SELECT_BACK -- B button (is this right?)
+					9, // START_FORWARD -- START button
+					-1, // LEFT_STICK -- missing on controller
+					-1, // RIGHT_STICK -- missing on controller
+					12, // DPAD_UP -- D-Pad-up button
+					13, // DPAD_DOWN -- D-Pad-down button
+					14, // DPAD_LEFT -- D-Pad-left button
+					15, // DPAD_RIGHT -- D-Pad-right button
+					-1 // HOME -- missing on controller (could be START/B?)
+				]
+			},
+			axes: {
+				byAxis: [
+					0, // LEFT_STICK_X
+					1, // LEFT_STICK_Y
+					-1, // RIGHT_STICK_X
+					-1 // RIGHT_STICK_Y
+				]
+			}
+		},
+		// XBOX360 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.XBOX
+			},
+			buttons: {
+				byButton: [0, 1, 2, 3, 4, 5, 15, 16, 9, 8, 6, 7, 11, 12, 13, 14, 10]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// PS3 controller on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.PLAYSTATION
+			},
+			buttons: {
+				byButton: [14, 13, 15, 12, 10, 11, 8, 9, 0, 3, 1, 2, 4, 6, 7, 5, 16]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// Logitech gamepad on WebKit
+		{
+			env: {
+				platform: WebKitPlatform.getType(),
+				type: Gamepad.Type.LOGITECH
+			},
+			buttons: { // TODO: This can't be right - LEFT/RIGHT_STICK have same mappings as HOME/DPAD_UP
+				byButton: [1, 2, 0, 3, 4, 5, 6, 7, 8, 9, 10, 11, 11, 12, 13, 14, 10]
+			},
+			axes: {
+				byAxis: [0, 1, 2, 3]
+			}
+		},
+		// Logitech gamepad on Firefox
+		{
+			env: {
+				platform: FirefoxPlatform.getType(),
+				type: Gamepad.Type.LOGITECH
+			},
+			buttons: {
+				byButton: [0, 1, 2, 3, 4, 5, -1, -1, 6, 7, 8, 9, 11, 12, 13, 14, 10],
+				byAxis: [-1, -1, -1, -1, -1, -1, [2, 0, 1],
+					[2, 0, -1]
+				]
+			},
+			axes: {
+				byAxis: [0, 1, 3, 4]
+			}
+		}
+	];
+
+	/**
+	 * Initializes the gamepad.
+	 *
+	 * You usually want to bind to the events first and then initialize it.
+	 *
+	 * @method init
+	 * @return {Boolean} true if a supporting platform was detected, false otherwise.
+	 */
+	Gamepad.prototype.init = function() {
+		var platform = Gamepad.resolvePlatform(this);
+		var that = this;
+
+		this.platform = platform;
+		this.updateStrategy.start(function() {
+			that._update();
+		});
+
+		return platform.isSupported();
+	};
+
+	/**
+	 * Binds a listener to a gamepad event.
+	 *
+	 * @method bind
+	 * @param {String} event Event to bind to, one of Gamepad.Event..
+	 * @param {Function} listener Listener to call when given event occurs
+	 * @return {Gamepad} Self
+	 */
+	Gamepad.prototype.bind = function(event, listener) {
+		if (typeof(this.listeners[event]) === 'undefined') {
+			this.listeners[event] = [];
+		}
+
+		this.listeners[event].push(listener);
+
+		return this;
+	};
+
+	/**
+	 * Removes listener of given type.
+	 *
+	 * If no type is given, all listeners are removed. If no listener is given, all
+	 * listeners of given type are removed.
+	 *
+	 * @method unbind
+	 * @param {String} [type] Type of listener to remove
+	 * @param {Function} [listener] The listener function to remove
+	 * @return {Boolean} Was unbinding the listener successful
+	 */
+	Gamepad.prototype.unbind = function(type, listener) {
+		if (typeof(type) === 'undefined') {
+			this.listeners = {};
+
+			return;
+		}
+
+		if (typeof(listener) === 'undefined') {
+			this.listeners[type] = [];
+
+			return;
+		}
+
+		if (typeof(this.listeners[type]) === 'undefined') {
+			return false;
+		}
+
+		for (var i = 0; i < this.listeners[type].length; i++) {
+			if (this.listeners[type][i] === listener) {
+				this.listeners[type].splice(i, 1);
+
+				return true;
+			}
+		}
+
+		return false;
+	};
+
+	/**
+	 * Returns the number of connected gamepads.
+	 *
+	 * @method count
+	 * @return {Number}
+	 */
+	Gamepad.prototype.count = function() {
+		return this.gamepads.length;
+	};
+
+	/**
+	 * Fires an internal event with given data.
+	 *
+	 * @method _fire
+	 * @param {String} event Event to fire, one of Gamepad.Event..
+	 * @param {*} data Data to pass to the listener
+	 * @private
+	 */
+	Gamepad.prototype._fire = function(event, data) {
+		if (typeof(this.listeners[event]) === 'undefined') {
+			return;
+		}
+
+		for (var i = 0; i < this.listeners[event].length; i++) {
+			this.listeners[event][i].apply(this.listeners[event][i], [data]);
+		}
+	};
+
+	/**
+	 * @method getNullPlatform
+	 * @static
+	 * @return {Object} a platform that does not support anything
+	 */
+	Gamepad.getNullPlatform = function() {
+		return Object.create(nullPlatform);
+	};
+
+	/**
+	 * Resolves platform.
+	 *
+	 * @method resolvePlatform
+	 * @static
+	 * @param listener {Object} the listener to handle _connect() or _disconnect() calls
+	 * @return {Object} A platform instance
+	 */
+	Gamepad.resolvePlatform = function(listener) {
+		var platform = nullPlatform;
+		var i;
+
+		for (i = 0; !platform.isSupported() && (i < Gamepad.PlatformFactories.length); i++) {
+			platform = Gamepad.PlatformFactories[i](listener);
+		}
+
+		return platform;
+	};
+
+	/**
+	 * Registers given gamepad.
+	 *
+	 * @method _connect
+	 * @param {Object} gamepad Gamepad to connect to
+	 * @private
+	 */
+	Gamepad.prototype._connect = function(gamepad) {
+		var mapping = this._resolveMapping(gamepad);
+		var count;
+		var i;
+
+		//gamepad.mapping = this._resolveMapping(gamepad);
+		gamepad.state = {};
+		gamepad.lastState = {};
+		gamepad.updater = [];
+
+		count = mapping.buttons.byButton.length;
+		for (i = 0; i < count; i++) {
+			this._addButtonUpdater(gamepad, mapping, i);
+		}
+
+		count = mapping.axes.byAxis.length;
+		for (i = 0; i < count; i++) {
+			this._addAxisUpdater(gamepad, mapping, i);
+		}
+
+		this.gamepads[gamepad.index] = gamepad;
+
+		this._fire(Gamepad.Event.CONNECTED, gamepad);
+	};
+
+	/**
+	 * Adds an updater for a button control
+	 *
+	 * @method _addButtonUpdater
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create the updater
+	 * @param {Object} mapping the mapping on which to work on
+	 * @param {Number} index button index
+	 */
+	Gamepad.prototype._addButtonUpdater = function(gamepad, mapping, index) {
+		var updater = nullFunction;
+		var controlName = getControlName(Gamepad.StandardButtons, index, 'EXTRA_BUTTON_');
+		var getter = this._createButtonGetter(gamepad, mapping.buttons, index);
+		var that = this;
+		var buttonEventData = {
+			gamepad: gamepad,
+			control: controlName
+		};
+
+		gamepad.state[controlName] = 0;
+		gamepad.lastState[controlName] = 0;
+
+		updater = function() {
+			var value = getter();
+			var lastValue = gamepad.lastState[controlName];
+			var isDown = value > 0.5;
+			var wasDown = lastValue > 0.5;
+
+			gamepad.state[controlName] = value;
+
+			if (isDown && !wasDown) {
+				that._fire(Gamepad.Event.BUTTON_DOWN, Object.create(buttonEventData));
+			} else if (!isDown && wasDown) {
+				that._fire(Gamepad.Event.BUTTON_UP, Object.create(buttonEventData));
+			}
+
+			if ((value !== 0) && (value !== 1) && (value !== lastValue)) {
+				that._fireAxisChangedEvent(gamepad, controlName, value);
+			}
+
+			gamepad.lastState[controlName] = value;
+		};
+
+		gamepad.updater.push(updater);
+	};
+
+	/**
+	 * Adds an updater for an axis control
+	 *
+	 * @method _addAxisUpdater
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create the updater
+	 * @param {Object} mapping the mapping on which to work on
+	 * @param {Number} index axis index
+	 */
+	Gamepad.prototype._addAxisUpdater = function(gamepad, mapping, index) {
+		var updater = nullFunction;
+		var controlName = getControlName(Gamepad.StandardAxes, index, 'EXTRA_AXIS_');
+		var getter = this._createAxisGetter(gamepad, mapping.axes, index);
+		var that = this;
+
+		gamepad.state[controlName] = 0;
+		gamepad.lastState[controlName] = 0;
+
+		updater = function() {
+			var value = getter();
+			var lastValue = gamepad.lastState[controlName];
+
+			gamepad.state[controlName] = value;
+
+			if ((value !== lastValue)) {
+				that._fireAxisChangedEvent(gamepad, controlName, value);
+			}
+
+			gamepad.lastState[controlName] = value;
+		};
+
+		gamepad.updater.push(updater);
+	};
+
+	/**
+	 * Fires an AXIS_CHANGED event
+	 * @method _fireAxisChangedEvent
+	 * @private
+	 * @param {Object} gamepad the gamepad to notify for
+	 * @param {String} controlName name of the control that changes its value
+	 * @param {Number} value the new value
+	 */
+	Gamepad.prototype._fireAxisChangedEvent = function(gamepad, controlName, value) {
+		var eventData = {
+			gamepad: gamepad,
+			axis: controlName,
+			value: value
+		};
+
+		this._fire(Gamepad.Event.AXIS_CHANGED, eventData);
+	};
+
+	/**
+	 * Creates a getter according to the mapping entry for the specific index.
+	 * Currently supported entries:
+	 *
+	 * buttons.byButton[index]: Number := Index into gamepad.buttons; -1 tests byAxis
+	 * buttons.byAxis[index]: Array := [Index into gamepad.axes; Zero Value, One Value]
+	 *
+	 * @method _createButtonGetter
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create a getter
+	 * @param {Object} buttons the mappings entry for the buttons
+	 * @param {Number} index the specific button entry
+	 * @return {Function} a getter returning the value for the requested button
+	 */
+	Gamepad.prototype._createButtonGetter = (function() {
+		var nullGetter = function() {
+			return 0;
+		};
+
+		var createRangeGetter = function(valueGetter, from, to) {
+			var getter = nullGetter;
+
+			if (from < to) {
+				getter = function() {
+					var range = to - from;
+					var value = valueGetter();
+
+					value = (value - from) / range;
+
+					return (value < 0) ? 0 : value;
+				};
+			} else if (to < from) {
+				getter = function() {
+					var range = from - to;
+					var value = valueGetter();
+
+					value = (value - to) / range;
+
+					return (value > 1) ? 0 : (1 - value);
+				};
+			}
+
+			return getter;
+		};
+
+		var isArray = function(thing) {
+			return Object.prototype.toString.call(thing) === '[object Array]';
+		};
+
+		return function(gamepad, buttons, index) {
+			var getter = nullGetter;
+			var entry;
+			var that = this;
+
+			entry = buttons.byButton[index];
+			if (entry !== -1) {
+				if ((typeof(entry) === 'number') && (entry < gamepad.buttons.length)) {
+					getter = function() {
+						var value = gamepad.buttons[entry];
+
+						if (typeof value === 'number') {
+							return value;
+						}
+
+						if (typeof value.value === 'number') {
+							return value.value;
+						}
+
+						return 0;
+					};
+				}
+			} else if (buttons.byAxis && (index < buttons.byAxis.length)) {
+				entry = buttons.byAxis[index];
+				if (isArray(entry) && (entry.length == 3) && (entry[0] < gamepad.axes.length)) {
+					getter = function() {
+						var value = gamepad.axes[entry[0]];
+
+						return that._applyDeadzoneMaximize(value);
+					};
+
+					getter = createRangeGetter(getter, entry[1], entry[2]);
+				}
+			}
+
+			return getter;
+		};
+	})();
+
+	/**
+	 * Creates a getter according to the mapping entry for the specific index.
+	 * Currently supported entries:
+	 *
+	 * axes.byAxis[index]: Number := Index into gamepad.axes; -1 ignored
+	 *
+	 * @method _createAxisGetter
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to create a getter
+	 * @param {Object} axes the mappings entry for the axes
+	 * @param {Number} index the specific axis entry
+	 * @return {Function} a getter returning the value for the requested axis
+	 */
+	Gamepad.prototype._createAxisGetter = (function() {
+		var nullGetter = function() {
+			return 0;
+		};
+
+		return function(gamepad, axes, index) {
+			var getter = nullGetter;
+			var entry;
+			var that = this;
+
+			entry = axes.byAxis[index];
+			if (entry !== -1) {
+				if ((typeof(entry) === 'number') && (entry < gamepad.axes.length)) {
+					getter = function() {
+						var value = gamepad.axes[entry];
+
+						return that._applyDeadzoneMaximize(value);
+					};
+				}
+			}
+
+			return getter;
+		};
+	})();
+
+	/**
+	 * Disconnects from given gamepad.
+	 *
+	 * @method _disconnect
+	 * @param {Object} gamepad Gamepad to disconnect
+	 * @private
+	 */
+	Gamepad.prototype._disconnect = function(gamepad) {
+		var newGamepads = [],
+			i;
+
+		if (typeof(this.gamepads[gamepad.index]) !== 'undefined') {
+			delete this.gamepads[gamepad.index];
+		}
+
+		for (i = 0; i < this.gamepads.length; i++) {
+			if (typeof(this.gamepads[i]) !== 'undefined') {
+				newGamepads[i] = this.gamepads[i];
+			}
+		}
+
+		this.gamepads = newGamepads;
+
+		this._fire(Gamepad.Event.DISCONNECTED, gamepad);
+	};
+
+	/**
+	 * Resolves controller type from its id.
+	 *
+	 * @method _resolveControllerType
+	 * @param {String} id Controller id
+	 * @return {String} Controller type, one of Gamepad.Type
+	 * @private
+	 */
+	Gamepad.prototype._resolveControllerType = function(id) {
+		// Lowercase and strip all extra whitespace.
+		id = id.toLowerCase().replace(/\s+/g, ' ').replace(/^\s+|\s+$/g, '');
+
+		if (id.indexOf('playstation') !== -1) {
+			return Gamepad.Type.PLAYSTATION;
+		} else if (
+			id.indexOf('logitech') !== -1 || id.indexOf('wireless gamepad') !== -1) {
+			return Gamepad.Type.LOGITECH;
+		} else if (id.indexOf('xbox') !== -1 || id.indexOf('360') !== -1) {
+			return Gamepad.Type.XBOX;
+		} else if ((id.indexOf('79-6-generic') !== -1 && id.indexOf('joystick') !== -1) ||
+			(id.indexOf('vendor: 0079 product: 0006') !== -1 &&
+				id.indexOf('generic usb joystick') !== -1)) {
+			return Gamepad.Type.N64;
+		} else {
+			return Gamepad.Type.UNKNOWN;
+		}
+	};
+
+	/**
+	 * @method _resolveMapping
+	 * @private
+	 * @param {Object} gamepad the gamepad for which to resolve the mapping
+	 * @return {Object} a mapping object for the given gamepad
+	 */
+	Gamepad.prototype._resolveMapping = function(gamepad) {
+		var mappings = Gamepad.Mappings;
+		var mapping = null;
+		var env = {
+			platform: this.platform.getType(),
+			type: this._resolveControllerType(gamepad.id)
+		};
+		var i;
+		var test;
+
+		for (i = 0; !mapping && (i < mappings.length); i++) {
+			test = mappings[i];
+			if (Gamepad.envMatchesFilter(test.env, env)) {
+				mapping = test;
+			}
+		}
+
+		return mapping || Gamepad.StandardMapping;
+	};
+
+	/**
+	 * @method envMatchesFilter
+	 * @static
+	 * @param {Object} filter the filter object describing properties to match
+	 * @param {Object} env the environment object that is matched against filter
+	 * @return {Boolean} true if env is covered by filter
+	 */
+	Gamepad.envMatchesFilter = function(filter, env) {
+		var result = true;
+		var field;
+
+		for (field in filter) {
+			if (filter[field] !== env[field]) {
+				result = false;
+			}
+		}
+
+		return result;
+	};
+
+	/**
+	 * Updates the controllers, triggering TICK events.
+	 *
+	 * @method _update
+	 * @private
+	 */
+	Gamepad.prototype._update = function() {
+		this.platform.update();
+
+		this.gamepads.forEach(function(gamepad) {
+			if (gamepad) {
+				gamepad.updater.forEach(function(updater) {
+					updater();
+				});
+			}
+		});
+
+		if (this.gamepads.length > 0) {
+			this._fire(Gamepad.Event.TICK, this.gamepads);
+		}
+	},
+
+	/**
+	 * Applies deadzone and maximization.
+	 *
+	 * You can change the thresholds via deadzone and maximizeThreshold members.
+	 *
+	 * @method _applyDeadzoneMaximize
+	 * @param {Number} value Value to modify
+	 * @param {Number} [deadzone] Deadzone to apply
+	 * @param {Number} [maximizeThreshold] From which value to maximize value
+	 * @private
+	 */
+	Gamepad.prototype._applyDeadzoneMaximize = function(
+		value,
+		deadzone,
+		maximizeThreshold) {
+		deadzone = typeof(deadzone) !== 'undefined' ? deadzone : this.deadzone;
+		maximizeThreshold = typeof(maximizeThreshold) !== 'undefined' ? maximizeThreshold : this.maximizeThreshold;
+
+		if (value >= 0) {
+			if (value < deadzone) {
+				value = 0;
+			} else if (value > maximizeThreshold) {
+				value = 1;
+			}
+		} else {
+			if (value > -deadzone) {
+				value = 0;
+			} else if (value < -maximizeThreshold) {
+				value = -1;
+			}
+		}
+
+		return value;
+	};
+
+	exports.Gamepad = Gamepad;
+
+})(((typeof(module) !== 'undefined') && module.exports) || window);
diff --git a/app/lib/gamepad/gamepad.min.js b/app/lib/gamepad/gamepad.min.js
new file mode 100644
index 0000000..3263b98
--- /dev/null
+++ b/app/lib/gamepad/gamepad.min.js
@@ -0,0 +1 @@
+!function(a){"use strict";var b=function(){},c={getType:function(){return"null"},isSupported:function(){return!1},update:b},d=function(a){var c=this,d=window;this.update=b;this.requestAnimationFrame=a||d.requestAnimationFrame||d.webkitRequestAnimationFrame||d.mozRequestAnimationFrame;this.tickFunction=function(){c.update();c.startTicker()};this.startTicker=function(){c.requestAnimationFrame.apply(d,[c.tickFunction])}};d.prototype.start=function(a){this.update=a||b;this.startTicker()};var e=function(){};e.prototype.update=b;e.prototype.start=function(a){this.update=a||b};var f=function(a,b){this.listener=a;this.gamepadGetter=b;this.knownGamepads=[]};f.factory=function(a){var b=c,d=window&&window.navigator;d&&("undefined"!=typeof d.getGamepads?b=new f(a,function(){return d.getGamepads()}):"undefined"!=typeof d.webkitGamepads?b=new f(a,function(){return d.webkitGamepads()}):"undefined"!=typeof d.webkitGetGamepads&&(b=new f(a,function(){return d.webkitGetGamepads()})));return b};f.getType=function(){return"WebKit"},f.prototype.getType=function(){return f.getType()},f.prototype.isSupported=function(){return!0};f.prototype.update=function(){var a,b,c=this,d=Array.prototype.slice.call(this.gamepadGetter(),0);for(b=this.knownGamepads.length-1;b>=0;b--){a=this.knownGamepads[b];if(d.indexOf(a)<0){this.knownGamepads.splice(b,1);this.listener._disconnect(a)}}for(b=0;b<d.length;b++){a=d[b];if(a&&c.knownGamepads.indexOf(a)<0){c.knownGamepads.push(a);c.listener._connect(a)}}};var g=function(a){this.listener=a;window.addEventListener("gamepadconnected",function(b){a._connect(b.gamepad)});window.addEventListener("gamepaddisconnected",function(b){a._disconnect(b.gamepad)})};g.factory=function(a){var b=c;window&&"undefined"!=typeof window.addEventListener&&(b=new g(a));return b};g.getType=function(){return"Firefox"},g.prototype.getType=function(){return g.getType()},g.prototype.isSupported=function(){var a=window&&window.navigator;return-1!==a.userAgent.indexOf("Firefox")};g.prototype.update=b;var h=function(a){this.updateStrategy=a||new d;this.gamepads=[];this.listeners={};this.platform=c;this.deadzone=.03;this.maximizeThreshold=.97};h.UpdateStrategies={AnimFrameUpdateStrategy:d,ManualUpdateStrategy:e};h.PlatformFactories=[g.factory,f.factory];h.Type={N64:"n64",PLAYSTATION:"playstation",LOGITECH:"logitech",XBOX:"xbox",UNKNOWN:"unknown"};h.Event={CONNECTED:"connected",UNSUPPORTED:"unsupported",DISCONNECTED:"disconnected",TICK:"tick",BUTTON_DOWN:"button-down",BUTTON_UP:"button-up",AXIS_CHANGED:"axis-changed"};h.StandardButtons=["FACE_1","FACE_2","FACE_3","FACE_4","LEFT_TOP_SHOULDER","RIGHT_TOP_SHOULDER","LEFT_BOTTOM_SHOULDER","RIGHT_BOTTOM_SHOULDER","SELECT_BACK","START_FORWARD","LEFT_STICK","RIGHT_STICK","DPAD_UP","DPAD_DOWN","DPAD_LEFT","DPAD_RIGHT","HOME"];h.StandardAxes=["LEFT_STICK_X","LEFT_STICK_Y","RIGHT_STICK_X","RIGHT_STICK_Y"];var i=function(a,b,c){return b<a.length?a[b]:c+(b-a.length+1)};h.StandardMapping={env:{},buttons:{byButton:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]},axes:{byAxis:[0,1,2,3]}};h.Mappings=[{env:{platform:g.getType(),type:h.Type.N64},buttons:{byButton:[2,1,3,0,4,5,-1,-1,8,9,-1,-1,12,13,14,15,-1]},axes:{byAxis:[1,2,-1,-1]}},{env:{platform:f.getType(),type:h.Type.N64},buttons:{byButton:[2,1,3,0,4,5,-1,-1,8,9,-1,-1,12,13,14,15,-1]},axes:{byAxis:[0,1,-1,-1]}},{env:{platform:g.getType(),type:h.Type.XBOX},buttons:{byButton:[0,1,2,3,4,5,15,16,9,8,6,7,11,12,13,14,10]},axes:{byAxis:[0,1,2,3]}},{env:{platform:g.getType(),type:h.Type.PLAYSTATION},buttons:{byButton:[14,13,15,12,10,11,8,9,0,3,1,2,4,6,7,5,16]},axes:{byAxis:[0,1,2,3]}},{env:{platform:f.getType(),type:h.Type.LOGITECH},buttons:{byButton:[1,2,0,3,4,5,6,7,8,9,10,11,11,12,13,14,10]},axes:{byAxis:[0,1,2,3]}},{env:{platform:g.getType(),type:h.Type.LOGITECH},buttons:{byButton:[0,1,2,3,4,5,-1,-1,6,7,8,9,11,12,13,14,10],byAxis:[-1,-1,-1,-1,-1,-1,[2,0,1],[2,0,-1]]},axes:{byAxis:[0,1,3,4]}}];h.prototype.init=function(){var a=h.resolvePlatform(this),b=this;this.platform=a;this.updateStrategy.start(function(){b._update()});return a.isSupported()};h.prototype.bind=function(a,b){"undefined"==typeof this.listeners[a]&&(this.listeners[a]=[]);this.listeners[a].push(b);return this};h.prototype.unbind=function(a,b){if("undefined"!=typeof a){if("undefined"!=typeof b){if("undefined"==typeof this.listeners[a])return!1;for(var c=0;c<this.listeners[a].length;c++)if(this.listeners[a][c]===b){this.listeners[a].splice(c,1);return!0}return!1}this.listeners[a]=[]}else this.listeners={}};h.prototype.count=function(){return this.gamepads.length};h.prototype._fire=function(a,b){if("undefined"!=typeof this.listeners[a])for(var c=0;c<this.listeners[a].length;c++)this.listeners[a][c].apply(this.listeners[a][c],[b])};h.getNullPlatform=function(){return Object.create(c)};h.resolvePlatform=function(a){var b,d=c;for(b=0;!d.isSupported()&&b<h.PlatformFactories.length;b++)d=h.PlatformFactories[b](a);return d};h.prototype._connect=function(a){var b,c,d=this._resolveMapping(a);a.state={};a.lastState={};a.updater=[];b=d.buttons.byButton.length;for(c=0;b>c;c++)this._addButtonUpdater(a,d,c);b=d.axes.byAxis.length;for(c=0;b>c;c++)this._addAxisUpdater(a,d,c);this.gamepads[a.index]=a;this._fire(h.Event.CONNECTED,a)};h.prototype._addButtonUpdater=function(a,c,d){var e=b,f=i(h.StandardButtons,d,"EXTRA_BUTTON_"),g=this._createButtonGetter(a,c.buttons,d),j=this,k={gamepad:a,control:f};a.state[f]=0;a.lastState[f]=0;e=function(){var b=g(),c=a.lastState[f],d=b>.5,e=c>.5;a.state[f]=b;d&&!e?j._fire(h.Event.BUTTON_DOWN,Object.create(k)):!d&&e&&j._fire(h.Event.BUTTON_UP,Object.create(k));0!==b&&1!==b&&b!==c&&j._fireAxisChangedEvent(a,f,b);a.lastState[f]=b};a.updater.push(e)};h.prototype._addAxisUpdater=function(a,c,d){var e=b,f=i(h.StandardAxes,d,"EXTRA_AXIS_"),g=this._createAxisGetter(a,c.axes,d),j=this;a.state[f]=0;a.lastState[f]=0;e=function(){var b=g(),c=a.lastState[f];a.state[f]=b;b!==c&&j._fireAxisChangedEvent(a,f,b);a.lastState[f]=b};a.updater.push(e)};h.prototype._fireAxisChangedEvent=function(a,b,c){var d={gamepad:a,axis:b,value:c};this._fire(h.Event.AXIS_CHANGED,d)};h.prototype._createButtonGetter=function(){var a=function(){return 0},b=function(b,c,d){var e=a;d>c?e=function(){var a=d-c,e=b();e=(e-c)/a;return 0>e?0:e}:c>d&&(e=function(){var a=c-d,e=b();e=(e-d)/a;return e>1?0:1-e});return e},c=function(a){return"[object Array]"===Object.prototype.toString.call(a)};return function(d,e,f){var g,h=a,i=this;g=e.byButton[f];if(-1!==g)"number"==typeof g&&g<d.buttons.length&&(h=function(){var a=d.buttons[g];return"number"==typeof a?a:"number"==typeof a.value?a.value:0});else if(e.byAxis&&f<e.byAxis.length){g=e.byAxis[f];if(c(g)&&3==g.length&&g[0]<d.axes.length){h=function(){var a=d.axes[g[0]];return i._applyDeadzoneMaximize(a)};h=b(h,g[1],g[2])}}return h}}();h.prototype._createAxisGetter=function(){var a=function(){return 0};return function(b,c,d){var e,f=a,g=this;e=c.byAxis[d];-1!==e&&"number"==typeof e&&e<b.axes.length&&(f=function(){var a=b.axes[e];return g._applyDeadzoneMaximize(a)});return f}}();h.prototype._disconnect=function(a){var b,c=[];"undefined"!=typeof this.gamepads[a.index]&&delete this.gamepads[a.index];for(b=0;b<this.gamepads.length;b++)"undefined"!=typeof this.gamepads[b]&&(c[b]=this.gamepads[b]);this.gamepads=c;this._fire(h.Event.DISCONNECTED,a)};h.prototype._resolveControllerType=function(a){a=a.toLowerCase().replace(/\s+/g," ").replace(/^\s+|\s+$/g,"");return-1!==a.indexOf("playstation")?h.Type.PLAYSTATION:-1!==a.indexOf("logitech")||-1!==a.indexOf("wireless gamepad")?h.Type.LOGITECH:-1!==a.indexOf("xbox")||-1!==a.indexOf("360")?h.Type.XBOX:-1!==a.indexOf("79-6-generic")&&-1!==a.indexOf("joystick")||-1!==a.indexOf("vendor: 0079 product: 0006")&&-1!==a.indexOf("generic usb joystick")?h.Type.N64:h.Type.UNKNOWN};h.prototype._resolveMapping=function(a){var b,c,d=h.Mappings,e=null,f={platform:this.platform.getType(),type:this._resolveControllerType(a.id)};for(b=0;!e&&b<d.length;b++){c=d[b];h.envMatchesFilter(c.env,f)&&(e=c)}return e||h.StandardMapping};h.envMatchesFilter=function(a,b){var c,d=!0;for(c in a)a[c]!==b[c]&&(d=!1);return d};h.prototype._update=function(){this.platform.update();this.gamepads.forEach(function(a){a&&a.updater.forEach(function(a){a()})});this.gamepads.length>0&&this._fire(h.Event.TICK,this.gamepads)},h.prototype._applyDeadzoneMaximize=function(a,b,c){b="undefined"!=typeof b?b:this.deadzone;c="undefined"!=typeof c?c:this.maximizeThreshold;a>=0?b>a?a=0:a>c&&(a=1):a>-b?a=0:-c>a&&(a=-1);return a};a.Gamepad=h}("undefined"!=typeof module&&module.exports||window);
\ No newline at end of file
diff --git a/app/lib/gamepad/index.html b/app/lib/gamepad/index.html
new file mode 100644
index 0000000..4f414ab
--- /dev/null
+++ b/app/lib/gamepad/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>GamePad Library Demo</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+	<script src="gamepad.js"></script>
+</head>
+<body>
+	<ul id="gamepads"></ul>
+	<p id="connect-notice">Connect your controller and press any button.</p>
+	<script>
+
+	$(document).ready(function() {
+		// Attach it to the window so it can be inspected at the console.
+		window.gamepad = new Gamepad();
+
+		gamepad.bind(Gamepad.Event.CONNECTED, function(device) {
+			console.log('Connected', device);
+
+			$('#gamepads').append('<li id="gamepad-' + device.index + '"><h1>Gamepad #' + device.index + ': &quot;' + device.id + '&quot;</h1></li>');
+
+			var mainWrap = $('#gamepad-' + device.index),
+				statesWrap,
+				logWrap,
+				control,
+				value,
+				i;
+
+			mainWrap.append('<strong>State</strong><ul id="states-' + device.index + '"></ul>');
+			mainWrap.append('<strong>Events</strong><ul id="log-' + device.index + '"></ul>');
+
+			statesWrap = $('#states-' + device.index)
+			logWrap = $('#log-' + device.index)
+
+			for (control in device.state) {
+				value = device.state[control];
+
+				statesWrap.append('<li>' + control + ': <span id="state-' + device.index + '-' + control + '">' + value + '</span></li>');
+			}
+			for (i = 0; i < device.buttons.length; i++) {
+				value = device.buttons[i];
+				statesWrap.append('<li>Raw Button ' + i + ': <span id="button-' + device.index + '-' + i + '">' + value + '</span></li>');
+			}
+			for (i = 0; i < device.axes.length; i++) {
+				value = device.axes[i];
+				statesWrap.append('<li>Raw Axis ' + i + ': <span id="axis-' + device.index + '-' + i + '">' + value + '</span></li>');
+			}
+
+			$('#connect-notice').hide();
+		});
+
+		gamepad.bind(Gamepad.Event.DISCONNECTED, function(device) {
+			console.log('Disconnected', device);
+
+			$('#gamepad-' + device.index).remove();
+
+			if (gamepad.count() == 0) {
+				$('#connect-notice').show();
+			}
+		});
+
+		gamepad.bind(Gamepad.Event.TICK, function(gamepads) {
+			var gamepad,
+				wrap,
+				control,
+				value,
+				i,
+				j;
+
+			for (i = 0; i < gamepads.length; i++) {
+				gamepad = gamepads[i];
+				wrap = $('#gamepad-' + i);
+
+				if (gamepad) {
+					for (control in gamepad.state) {
+						value = gamepad.state[control];
+
+						$('#state-' + gamepad.index + '-' + control + '').html(value);
+					}
+					for (j = 0; j < gamepad.buttons.length; j++) {
+						value = gamepad.buttons[j];
+
+						$('#button-' + gamepad.index + '-' + j + '').html(value);
+					}
+					for (j = 0; j < gamepad.axes.length; j++) {
+						value = gamepad.axes[j];
+
+						$('#axis-' + gamepad.index + '-' + j + '').html(value);
+					}
+				}
+			}
+		});
+
+		gamepad.bind(Gamepad.Event.BUTTON_DOWN, function(e) {
+			$('#log-' + e.gamepad.index).append('<li>' + e.control + ' down</li>');
+		});
+
+		gamepad.bind(Gamepad.Event.BUTTON_UP, function(e) {
+			$('#log-' + e.gamepad.index).append('<li>' + e.control + ' up</li>');
+		});
+
+		gamepad.bind(Gamepad.Event.AXIS_CHANGED, function(e) {
+			$('#log-' + e.gamepad.index).append('<li>' + e.axis + ' changed to ' + e.value + '</li>');
+		});
+
+		if (!gamepad.init()) {
+			alert('Your browser does not support gamepads, get the latest Google Chrome or Firefox.');
+		}
+	});
+
+	</script>
+</body>
+</html>
diff --git a/app/lib/gamepad/package.json b/app/lib/gamepad/package.json
new file mode 100644
index 0000000..2f1820d
--- /dev/null
+++ b/app/lib/gamepad/package.json
@@ -0,0 +1,24 @@
+{
+	"name": "HTML5-JavaScript-Gamepad-Controller-Library",
+	"version": "0.0.1",
+	"description": "Library for accessing gamepads in modern browsers.",
+	"homepage": "https://github.com/kallaspriit/HTML5-JavaScript-Gamepad-Controller-Library",
+	"bugs": "https://github.com/kallaspriit/HTML5-JavaScript-Gamepad-Controller-Library/issues",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/kallaspriit/HTML5-JavaScript-Gamepad-Controller-Library.git"
+	},
+	"dependencies": {},
+	"devDependencies": {
+		"buster": "~0.6.12",
+		"grunt": "~0.4.1",
+		"grunt-buster": "git://github.com/busterjs/grunt-buster.git",
+		"grunt-contrib-jshint": "~0.4.3",
+		"grunt-contrib-yuidoc": "~0.4.0",
+		"grunt-jsbeautifier": "~0.1.9",
+		"grunt-contrib-uglify": "~0.2.2"
+	},
+	"scripts": {
+		"grunt": "node -e \"require('grunt').tasks();\""
+	}
+}
\ No newline at end of file
diff --git a/app/lib/gamepad/test/ButtonGetterTest.js b/app/lib/gamepad/test/ButtonGetterTest.js
new file mode 100644
index 0000000..a121dc7
--- /dev/null
+++ b/app/lib/gamepad/test/ButtonGetterTest.js
@@ -0,0 +1,181 @@
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+
+	buster.testCase('ButtonGetter', {
+		setUp: function() {
+			this.Gamepad = require('../gamepad.js').Gamepad;
+
+			this.updater = new this.Gamepad.UpdateStrategies.ManualUpdateStrategy();
+			this.obj = new this.Gamepad(this.updater);
+		},
+
+
+		'value by button': {
+			setUp: function() {
+				var buttons = {
+					byButton: [0]
+				};
+
+				this.gamepad = {
+					buttons: ['uninitialized']
+				};
+
+
+				this.getter = this.obj._createButtonGetter(this.gamepad, buttons, 0);
+			},
+
+			'should be 0 if the raw value is 0': function() {
+				this.gamepad.buttons[0] = 0;
+
+				var result = this.getter();
+
+				assert.equals(result, 0);
+			},
+
+			'should be 1 if the raw value is 1': function() {
+				this.gamepad.buttons[0] = 1;
+
+				var result = this.getter();
+
+				assert.equals(result, 1);
+			},
+
+			'should be 0.25 if the raw value is 0.25': function() {
+				this.gamepad.buttons[0] = 0.25;
+
+				var result = this.getter();
+
+				assert.equals(result, 0.25);
+			},
+
+			'should read GamepadButton objects if available': function() {
+				function GamepadButton(value) {
+					this.value = value;
+				}
+				this.gamepad.buttons[0] = new GamepadButton(1);
+
+				var result = this.getter();
+
+				assert.equals(result, 1);
+			}
+		},
+
+		'value by axis': {
+			setUp: function() {
+				this.buttons = {
+					byButton: [-1],
+					byAxis: ['uninitialized']
+				};
+
+				this.gamepad = {
+					axes: ['uninitialized']
+				};
+			},
+
+			'should be 0 for range 0..1 with raw value 0': function() {
+				this.buttons.byAxis[0] = [0, 0, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 0;
+
+				var result = getter();
+
+				assert.equals(result, 0);
+			},
+
+			'should be 1 for range 0..1 with raw value 1': function() {
+				this.buttons.byAxis[0] = [0, 0, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 1;
+
+				var result = getter();
+
+				assert.equals(result, 1);
+			},
+
+			'should be 0.25 for range 0..1 with raw value 0.25': function() {
+				this.buttons.byAxis[0] = [0, 0, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 0.25;
+
+				var result = getter();
+
+				assert.equals(result, 0.25);
+			},
+
+			'should be 0 for range 0..-1 with raw value 0': function() {
+				this.buttons.byAxis[0] = [0, 0, -1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 0;
+
+				var result = getter();
+
+				assert.equals(result, 0);
+			},
+
+			'should be 1 for range 0..-1 with raw value -1': function() {
+				this.buttons.byAxis[0] = [0, 0, -1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = -1;
+
+				var result = getter();
+
+				assert.equals(result, 1);
+			},
+
+			'should be 0 for range 0..1 with raw value -0.25': function() {
+				this.buttons.byAxis[0] = [0, 0, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = -0.25;
+
+				var result = getter();
+
+				assert.equals(result, 0);
+			},
+
+			'should be 0 for range 0..-1 with raw value 0.25': function() {
+				this.buttons.byAxis[0] = [0, 0, -1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 0.25;
+
+				var result = getter();
+
+				assert.equals(result, 0);
+			},
+
+			// seen with PS3 buttons (extra buttons)
+			'should be 0 for range -1..1 with raw value -1': function() {
+				this.buttons.byAxis[0] = [0, -1, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = -1;
+
+				var result = getter();
+
+				assert.equals(result, 0);
+			},
+
+			// seen with PS3 buttons (extra buttons)
+			'should be 0.75 for range -1..1 with raw value 0.5': function() {
+				this.buttons.byAxis[0] = [0, -1, 1];
+				var getter = this.obj._createButtonGetter(this.gamepad, this.buttons, 0);
+
+				this.gamepad.axes[0] = 0.5;
+
+				var result = getter();
+
+				assert.equals(result, 0.75);
+			}
+
+		}
+	});
+})();
diff --git a/app/lib/gamepad/test/FirefoxPlatformTest.js b/app/lib/gamepad/test/FirefoxPlatformTest.js
new file mode 100644
index 0000000..e36450d
--- /dev/null
+++ b/app/lib/gamepad/test/FirefoxPlatformTest.js
@@ -0,0 +1,43 @@
+/* global global */
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+
+	var GamepadSimulator = require('./GamepadSimulator.js');
+
+	buster.testCase('Firefox', {
+		setUp: function() {
+			var simulator = new GamepadSimulator();
+			var nullFunction = function() {};
+
+			this.simulator = simulator;
+			global.window = {
+				addEventListener: nullFunction,
+				navigator: {
+					userAgent: 'Firefox'
+				}
+			};
+
+			this.listener = {
+				_connect: nullFunction,
+				_disconnect: nullFunction
+			};
+
+			this.Gamepad = require('../gamepad.js').Gamepad;
+			this.platform = this.Gamepad.resolvePlatform(this.listener);
+		},
+
+		'should be supported': function() {
+			assert(this.platform.isSupported());
+		},
+
+		'should have type "Firefox"': function() {
+			var result = this.platform.getType();
+
+			assert.equals(result, 'Firefox');
+		}
+
+	});
+})();
diff --git a/app/lib/gamepad/test/GamepadMappingTest.js b/app/lib/gamepad/test/GamepadMappingTest.js
new file mode 100644
index 0000000..c73a516
--- /dev/null
+++ b/app/lib/gamepad/test/GamepadMappingTest.js
@@ -0,0 +1,255 @@
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+
+	var GamepadSimulator = require('./GamepadSimulator.js');
+	var PlatformSimulator = require('./PlatformSimulator.js');
+	var GamepadUser = require('./GamepadUser.js');
+
+	/*
+	 * Probes all controls;
+	 * First all buttons (setting their value to 1.0, then reset to 0.0),
+	 * then all axes (first 1.0, then -1.0, then reset to 0.0)
+	 */
+
+	function probeControls(test) {
+		var i;
+		var buttons = test.gamepad.buttons;
+		var axes = test.gamepad.axes;
+
+		for (i = 0; i < buttons.length; i++) {
+			buttons[i] = 1.0;
+			test.updater.update();
+			buttons[i] = 0.0;
+		}
+		for (i = 0; i < axes.length; i++) {
+			axes[i] = 1.0;
+			test.updater.update();
+			axes[i] = -1.0;
+			test.updater.update();
+			axes[i] = 0.0;
+		}
+	}
+
+	/*
+	 * Tests the report of BUTTON_DOWN with control names for buttons.
+	 * The method first iterates from 0..N of all gamepad buttons and fires them,
+	 * then does the same for all axes.
+	 *
+	 * @param {Object} test the buster test to run in
+	 * @param {Array} expected the expected list of buttons to be reported
+	 */
+
+	function buttonsTest(test, expected) {
+		var result = [];
+
+		test.user.onButtonDown = function(data) {
+			result.push(data.control);
+		};
+		probeControls(test);
+
+		assert.equals(result, expected);
+	}
+
+	/*
+	 * Tests the report of AXIS_CHANGED with control names for axes.
+	 * The method first iterates from 0..N of all gamepad buttons and fires them,
+	 * then does the same for all axes.
+	 *
+	 * @param {Object} test the buster test to run in
+	 * @param {Array} expected the expected list of axes to be reported
+	 */
+
+	function axesTest(test, expected) {
+		var result = [];
+
+		test.user.onAxisChanged = function(data) {
+			if ((data.value > 0.0) && (result[result.length - 1] !== data.axis)) {
+				result.push(data.axis);
+			}
+		};
+		probeControls(test);
+
+		assert.equals(result, expected);
+	}
+
+	buster.testCase('Gamepad Mapping', {
+		setUp: function() {
+			var gamepadSimulator = new GamepadSimulator();
+			var that = this;
+
+			this.gamepadSimulator = gamepadSimulator;
+
+			this.Gamepad = require('../gamepad.js').Gamepad;
+
+			this.PlatformFactories = this.Gamepad.PlatformFactories;
+			this.Gamepad.PlatformFactories = [
+				function(listener) {
+					var platform = that.platform = new PlatformSimulator(listener);
+
+					return platform;
+				}
+			];
+
+			this.updater = new this.Gamepad.UpdateStrategies.ManualUpdateStrategy();
+
+			this.obj = new this.Gamepad(this.updater);
+			this.user = new GamepadUser(this.Gamepad.Event, this.obj);
+			this.obj.init();
+
+		},
+
+		tearDown: function() {
+			this.Gamepad.PlatformFactories = this.PlatformFactories;
+		},
+
+		'XBOX controller': {
+
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0, 'xbox gamepad', 17);
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_1', 'FACE_2', 'FACE_3', 'FACE_4', 'LEFT_TOP_SHOULDER',
+					'RIGHT_TOP_SHOULDER',
+					'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER',
+					'SELECT_BACK', 'START_FORWARD', 'LEFT_STICK', 'RIGHT_STICK',
+					'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT', 'DPAD_RIGHT',
+					'HOME'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y']);
+			}
+		},
+
+		'Logitech controller on WebKit': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0, 'logitech gamepad');
+				this.platform.type = 'WebKit';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_3', 'FACE_1', 'FACE_2', 'FACE_4',
+					'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER', 'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER',
+					'SELECT_BACK', 'START_FORWARD', 'LEFT_STICK', 'HOME', 'RIGHT_STICK',
+					'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT', 'DPAD_RIGHT'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y']);
+			}
+		},
+
+		'Logitech controller on Firefox': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0, 'logitech gamepad', 15, 5);
+				this.platform.type = 'Firefox';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_1', 'FACE_2', 'FACE_3', 'FACE_4',
+					'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER',
+					'SELECT_BACK', 'START_FORWARD', 'LEFT_STICK', 'RIGHT_STICK', 'HOME',
+					'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT', 'DPAD_RIGHT',
+					'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y']);
+			}
+		},
+
+		'Playstation controller on WebKit': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0, 'playstation gamepad', 17);
+				this.platform.type = 'WebKit';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_1', 'FACE_2', 'FACE_3', 'FACE_4', 'LEFT_TOP_SHOULDER',
+					'RIGHT_TOP_SHOULDER',
+					'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER',
+					'SELECT_BACK', 'START_FORWARD', 'LEFT_STICK', 'RIGHT_STICK',
+					'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT', 'DPAD_RIGHT',
+					'HOME'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y']);
+			}
+		},
+
+		'Playstation controller on Firefox': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0, 'playstation gamepad');
+				this.platform.type = 'Firefox';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['SELECT_BACK', 'LEFT_STICK', 'RIGHT_STICK', 'START_FORWARD',
+					'DPAD_UP', 'DPAD_RIGHT', 'DPAD_DOWN', 'DPAD_LEFT',
+					'LEFT_BOTTOM_SHOULDER', 'RIGHT_BOTTOM_SHOULDER', 'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER',
+					'FACE_4', 'FACE_2', 'FACE_1', 'FACE_3'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y']);
+			}
+		},
+
+		'Retrolink N64 controller on Firefox': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0,
+					'79-6-Generic   USB  Joystick  ');
+				this.platform.type = 'Firefox';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_4', 'FACE_2', 'FACE_1', 'FACE_3',
+					'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER', 'SELECT_BACK',
+					'START_FORWARD', 'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT',
+					'DPAD_RIGHT'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y']);
+			}
+		},
+
+		'Retrolink N64 controller on WebKit': {
+			setUp: function() {
+				this.gamepad = this.gamepadSimulator.addGamepad(0,
+					'Generic   USB  Joystick   (STANDARD GAMEPAD Vendor: 0079 Product: 0006)');
+				this.platform.type = 'WebKit';
+				this.platform.listener._connect(this.gamepad);
+			},
+
+			'should have all buttons mapped': function() {
+				buttonsTest(this, ['FACE_4', 'FACE_2', 'FACE_1', 'FACE_3',
+					'LEFT_TOP_SHOULDER', 'RIGHT_TOP_SHOULDER', 'SELECT_BACK',
+					'START_FORWARD', 'DPAD_UP', 'DPAD_DOWN', 'DPAD_LEFT',
+					'DPAD_RIGHT'
+				]);
+			},
+
+			'should have all axes mapped': function() {
+				axesTest(this, ['LEFT_STICK_X', 'LEFT_STICK_Y']);
+			}
+		}
+	});
+})();
diff --git a/app/lib/gamepad/test/GamepadSimulator.js b/app/lib/gamepad/test/GamepadSimulator.js
new file mode 100644
index 0000000..f3f70a4
--- /dev/null
+++ b/app/lib/gamepad/test/GamepadSimulator.js
@@ -0,0 +1,42 @@
+(function() {
+	'use strict';
+
+	var Gamepad = function(index, id, buttonCount, axisCount) {
+		this.index = index;
+		this.id = id;
+
+		this.buttons = [];
+		while (this.buttons.length < (buttonCount || 16)) {
+			this.buttons.push(0.0);
+		}
+		this.axes = [];
+		while (this.axes.length < (axisCount || 4)) {
+			this.axes.push(0.0);
+		}
+	};
+
+	var GamepadSimulator = function() {
+		this.gamepads = [];
+	};
+
+	GamepadSimulator.prototype.getGamepads = function() {
+		return this.gamepads;
+	};
+
+	GamepadSimulator.prototype.addGamepad = function(index, id, buttonCount, axisCount) {
+		var gamepad = new Gamepad(index, id, buttonCount, axisCount);
+
+		while (index >= this.gamepads.length) {
+			this.gamepads.push(null);
+		}
+		this.gamepads[index] = gamepad;
+
+		return gamepad;
+	};
+
+	GamepadSimulator.prototype.removeGamepad = function(index) {
+		this.gamepads[index] = null;
+	};
+
+	module.exports = GamepadSimulator;
+})();
diff --git a/app/lib/gamepad/test/GamepadTypeTest.js b/app/lib/gamepad/test/GamepadTypeTest.js
new file mode 100644
index 0000000..a979d30
--- /dev/null
+++ b/app/lib/gamepad/test/GamepadTypeTest.js
@@ -0,0 +1,59 @@
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+
+	var GamepadSimulator = require('./GamepadSimulator.js');
+	var PlatformSimulator = require('./PlatformSimulator.js');
+	var GamepadUser = require('./GamepadUser.js');
+
+	buster.testCase('Gamepad', {
+		setUp: function() {
+			var gamepadSimulator = new GamepadSimulator();
+			var that = this;
+
+			this.gamepadSimulator = gamepadSimulator;
+
+			this.Gamepad = require('../gamepad.js').Gamepad;
+			this.PlatformFactories = this.Gamepad.PlatformFactories;
+
+			this.Gamepad.PlatformFactories = [
+				function(listener) {
+					var platform = that.platform = new PlatformSimulator(listener);
+
+					return platform;
+				}
+			];
+
+			this.updater = new this.Gamepad.UpdateStrategies.ManualUpdateStrategy();
+
+			this.obj = new this.Gamepad(this.updater);
+			this.user = new GamepadUser(this.Gamepad.Event, this.obj);
+			this.obj.init();
+		},
+
+		tearDown: function() {
+			this.Gamepad.PlatformFactories = this.PlatformFactories;
+		},
+
+		'should cause CONNECTED event when XBOX type added': function() {
+			var spy = this.spy(this.user, 'onConnected');
+			var gamepad = this.gamepadSimulator.addGamepad(0, 'xbox gamepad identificaiton');
+
+			this.platform.listener._connect(gamepad);
+
+			assert.calledWith(spy, gamepad);
+		},
+
+		'should cause CONNECTED event when platform resolves mapping': function() {
+			var spy = this.spy(this.user, 'onConnected');
+			var gamepad = this.gamepadSimulator.addGamepad(0, 'playstation thingie');
+
+			this.platform.mapping = {};
+			this.platform.listener._connect(gamepad);
+
+			assert.calledWith(spy, gamepad);
+		}
+	});
+})();
diff --git a/app/lib/gamepad/test/GamepadUser.js b/app/lib/gamepad/test/GamepadUser.js
new file mode 100644
index 0000000..dcbea6e
--- /dev/null
+++ b/app/lib/gamepad/test/GamepadUser.js
@@ -0,0 +1,30 @@
+(function() {
+	'use strict';
+
+	var nullFunction = function() {};
+
+	var GamepadUser = function(events, api) {
+		var that = this;
+
+		function binder(event, handlerName) {
+			api.bind(event, function() {
+				that[handlerName].apply(that, arguments);
+			});
+		}
+
+		binder(events.CONNECTED, 'onConnected');
+		binder(events.DISCONNECTED, 'onDisconnected');
+		binder(events.BUTTON_DOWN, 'onButtonDown');
+		binder(events.BUTTON_UP, 'onButtonUp');
+		binder(events.AXIS_CHANGED, 'onAxisChanged');
+	};
+
+	GamepadUser.prototype.onConnected = nullFunction;
+	GamepadUser.prototype.onDisconnected = nullFunction;
+	GamepadUser.prototype.onButtonDown = nullFunction;
+	GamepadUser.prototype.onButtonUp = nullFunction;
+	GamepadUser.prototype.onAxisChanged = nullFunction;
+
+
+	module.exports = GamepadUser;
+})();
diff --git a/app/lib/gamepad/test/InterfaceTest.js b/app/lib/gamepad/test/InterfaceTest.js
new file mode 100644
index 0000000..996cac2
--- /dev/null
+++ b/app/lib/gamepad/test/InterfaceTest.js
@@ -0,0 +1,38 @@
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+
+	buster.testCase('Gamepad Interface', {
+		setUp: function() {
+			this.Gamepad = require('../gamepad.js').Gamepad;
+		},
+
+		'object': {
+			setUp: function() {
+				this.obj = new this.Gamepad(new this.Gamepad.UpdateStrategies.ManualUpdateStrategy());
+			},
+
+			'should be instantiable': function() {
+				assert.isObject(this.obj);
+			},
+
+			'should provide init method': function() {
+				assert.isFunction(this.obj.init);
+			},
+
+			'should provide bind method': function() {
+				assert.isFunction(this.obj.bind);
+			},
+
+			'should provide unbind method': function() {
+				assert.isFunction(this.obj.unbind);
+			},
+
+			'should provide count method': function() {
+				assert.isFunction(this.obj.count);
+			}
+		}
+	});
+})();
diff --git a/app/lib/gamepad/test/PlatformSimulator.js b/app/lib/gamepad/test/PlatformSimulator.js
new file mode 100644
index 0000000..111cda4
--- /dev/null
+++ b/app/lib/gamepad/test/PlatformSimulator.js
@@ -0,0 +1,23 @@
+(function() {
+	'use strict';
+
+	var PlatformSimulator = function(listener) {
+		this.listener = listener;
+		this.type = 'Simulator';
+		this.mapping = null;
+	};
+
+	PlatformSimulator.prototype.getType = function() {
+		return this.type;
+	};
+
+	PlatformSimulator.prototype.isSupported = function() {
+		return true;
+	};
+
+	PlatformSimulator.prototype.update = function() {
+
+	};
+
+	module.exports = PlatformSimulator;
+})();
diff --git a/app/lib/gamepad/test/PlatformTest.js b/app/lib/gamepad/test/PlatformTest.js
new file mode 100644
index 0000000..e139f8c
--- /dev/null
+++ b/app/lib/gamepad/test/PlatformTest.js
@@ -0,0 +1,143 @@
+/* global global */
+
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+	var refute = buster.refute;
+
+	buster.testCase('Platform', {
+		setUp: function() {
+			this.Gamepad = require('../gamepad.js').Gamepad;
+			this.obj = new this.Gamepad(new this.Gamepad.UpdateStrategies.ManualUpdateStrategy());
+		},
+
+		'unsupported should cause init() to return false': function() {
+			global.window = {
+				navigator: {}
+			};
+			var result = this.obj.init();
+
+			refute(result);
+		},
+
+		'Gamepad.getNullPlatform()': {
+			setUp: function() {
+				this.platform = this.Gamepad.getNullPlatform();
+			},
+
+			'should return an object': function() {
+				assert.isObject(this.platform);
+			},
+
+			'should return false for isSupported()': function() {
+				refute(this.platform.isSupported());
+			},
+
+			'should provide update method': function() {
+				assert.isFunction(this.platform.update);
+			},
+
+			'should provide an immutable object': function() {
+				this.platform.isSupported = function() {
+					return true;
+				};
+
+				var newObject = this.Gamepad.getNullPlatform();
+
+				refute.same(newObject, this.platform);
+			}
+		},
+
+		'Gamepad.resolvePlatform()': {
+			setUp: function() {
+				this.PlatformFactories = this.Gamepad.PlatformFactories;
+			},
+
+			tearDown: function() {
+				this.Gamepad.PlatformFactories = this.PlatformFactories;
+				delete global.window;
+			},
+
+			'should provide unsupported platform when no factories available': function() {
+				this.Gamepad.PlatformFactories = [];
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				refute(platform.isSupported());
+			},
+
+			'should provide platform for polling window.navigator.webkitGamepads array': function() {
+				global.window = {
+					navigator: {
+						webkitGamepads: [1, 2, 3]
+					}
+				};
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				assert(platform.isSupported());
+			},
+
+			'should provide platform for polling window.navigator.getGamepads() function': function() {
+				global.window = {
+					navigator: {
+						getGamepads: function() {
+							return ['game1'];
+						}
+					}
+				};
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				assert(platform.isSupported());
+				assert(platform.gamepadGetter()[0] === 'game1');
+			},
+
+			'should provide platform for polling window.navigator.webkitGamepads() function': function() {
+				global.window = {
+					navigator: {
+						webkitGamepads: function() {
+							return ['game1'];
+						}
+					}
+				};
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				assert(platform.isSupported());
+				assert(platform.gamepadGetter()[0] === 'game1');
+			},
+
+			'should provide platform for polling window.navigator.webkitGetGamepads() function': function() {
+				global.window = {
+					navigator: {
+						webkitGetGamepads: function() {
+							return ['game1'];
+						}
+					}
+				};
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				assert(platform.isSupported());
+				assert(platform.gamepadGetter()[0] === 'game1');
+			},
+
+			'should provide platform for Firefox': function() {
+				global.window = {
+					addEventListener: function() {},
+					navigator: {
+						userAgent: 'Firefox'
+					}
+				};
+
+				var platform = this.Gamepad.resolvePlatform();
+
+				assert(platform.isSupported());
+			}
+
+		}
+	});
+})();
diff --git a/app/lib/gamepad/test/ResolveMappingTest.js b/app/lib/gamepad/test/ResolveMappingTest.js
new file mode 100644
index 0000000..30b7bd9
--- /dev/null
+++ b/app/lib/gamepad/test/ResolveMappingTest.js
@@ -0,0 +1,163 @@
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+	var refute = buster.refute;
+
+	var GamepadSimulator = require('./GamepadSimulator.js');
+	var PlatformSimulator = require('./PlatformSimulator.js');
+	var GamepadUser = require('./GamepadUser.js');
+
+	buster.testCase('Resolve Mapping', {
+		'envMatchesFilter()': {
+			setUp: function() {
+				this.Gamepad = require('../gamepad.js').Gamepad;
+
+			},
+
+			'should return true for empty filter': function() {
+				var filter = {};
+				var env = {
+					type: 'someType'
+				};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				assert(result);
+			},
+
+			'should return false for a filter property not found in env': function() {
+				var filter = {
+					type: 'logitech'
+				};
+				var env = {};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				refute(result);
+			},
+
+			'should return false for a non matching filter property': function() {
+				var filter = {
+					type: 'logitech'
+				};
+				var env = {
+					type: 'playstation'
+				};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				refute(result);
+			},
+
+			'should return false for partially not matching type': function() {
+				var filter = {
+					platform: 'WebKit',
+					type: 'logitech'
+				};
+				var env = {
+					platform: 'WebKit',
+					type: 'playstation'
+				};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				refute(result);
+			},
+
+			'should return false for partially not matching platform': function() {
+				var filter = {
+					platform: 'Firefox',
+					type: 'playstation'
+				};
+				var env = {
+					platform: 'WebKit',
+					type: 'playstation'
+				};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				refute(result);
+			},
+
+			'should return true for matching both': function() {
+				var filter = {
+					platform: 'Firefox',
+					type: 'playstation'
+				};
+				var env = {
+					platform: 'Firefox',
+					type: 'playstation'
+				};
+				var result = this.Gamepad.envMatchesFilter(filter, env);
+
+				assert(result);
+			}
+		},
+		'method ': {
+			setUp: function() {
+				var gamepadSimulator = new GamepadSimulator();
+				var that = this;
+
+				this.gamepadSimulator = gamepadSimulator;
+
+				this.Gamepad = require('../gamepad.js').Gamepad;
+
+				this.Mappings = this.Gamepad.Mappings;
+				this.PlatformFactories = this.Gamepad.PlatformFactories;
+				this.Gamepad.PlatformFactories = [
+					function(listener) {
+						var platform = that.platform = new PlatformSimulator(listener);
+
+						return platform;
+					}
+				];
+
+				this.updater = new this.Gamepad.UpdateStrategies.ManualUpdateStrategy();
+
+				this.obj = new this.Gamepad(this.updater);
+				this.user = new GamepadUser(this.Gamepad.Event, this.obj);
+				this.obj.init();
+			},
+
+			tearDown: function() {
+				this.Gamepad.PlatformFactories = this.PlatformFactories;
+				this.Gamepad.Mappings = this.Mappings;
+			},
+
+			'should return standard mapping if specials empty ': function() {
+				var gamepad = this.gamepadSimulator.addGamepad(0, 'Logitech stuff ');
+				this.Gamepad.Mappings = [];
+
+				var result = this.obj._resolveMapping(gamepad);
+
+				assert.equals(result, this.Gamepad.StandardMapping);
+			},
+
+			// found under Windows with an old Logitech gamepad
+			'should return standard mapping if id empty ': function() {
+				var gamepad = this.gamepadSimulator.addGamepad(0, '');
+				this.Gamepad.Mappings = [{
+					env: {
+						type: this.Gamepad.Type.LOGITECH
+					}
+				}];
+
+				var result = this.obj._resolveMapping(gamepad);
+
+				assert.equals(result, this.Gamepad.StandardMapping);
+			},
+
+			'should return mapping for type if matching': function() {
+				var gamepad = this.gamepadSimulator.addGamepad(0, 'Playstation stuff');
+				var logitechMapping = {
+					env: {
+						type: this.Gamepad.Type.PLAYSTATION
+					}
+				};
+				this.Gamepad.Mappings = [logitechMapping];
+
+				var result = this.obj._resolveMapping(gamepad);
+
+				assert.equals(result, logitechMapping);
+			}
+		}
+	});
+
+})();
diff --git a/app/lib/gamepad/test/WebKitPlatformTest.js b/app/lib/gamepad/test/WebKitPlatformTest.js
new file mode 100644
index 0000000..8775a06
--- /dev/null
+++ b/app/lib/gamepad/test/WebKitPlatformTest.js
@@ -0,0 +1,105 @@
+/* global global */
+(function() {
+	'use strict';
+
+	var buster = require('buster');
+	var assert = buster.assert;
+	var refute = buster.refute;
+
+	var GamepadSimulator = require('./GamepadSimulator.js');
+
+	buster.testCase('WebKit', {
+		setUp: function() {
+			var simulator = new GamepadSimulator();
+			var nullFunction = function() {};
+
+			this.simulator = simulator;
+			global.window = {
+				navigator: {
+					webkitGetGamepads: function() {
+						return simulator.getGamepads();
+					}
+				}
+			};
+
+			this.listener = {
+				_connect: nullFunction,
+				_disconnect: nullFunction
+			};
+
+			this.Gamepad = require('../gamepad.js').Gamepad;
+			this.platform = this.Gamepad.resolvePlatform(this.listener);
+		},
+
+		'should be supported by polling webkitGetGamepads()': function() {
+			assert(this.platform.isSupported());
+		},
+
+		'should call nothing if list of gamepads stays empty': function() {
+			var spy = this.spy(this.listener, '_connect');
+
+			this.platform.update();
+			this.platform.update();
+
+			refute.called(spy);
+		},
+
+		'should report a connected gamepad if added': function() {
+			var spy = this.spy(this.listener, '_connect');
+			var gamepad = this.simulator.addGamepad(0, 'Testpad1');
+
+			this.platform.update();
+
+			assert.calledWith(spy, gamepad);
+		},
+
+		'should call nothing if list of gamepads remains same': function() {
+			var spy = this.spy(this.listener, '_connect');
+			this.simulator.addGamepad(0, 'Testpad1');
+
+			this.platform.update();
+			this.platform.update();
+
+			assert.calledOnce(spy);
+		},
+
+		'should report a disconnected gamepad if removed': function() {
+			var spy = this.spy(this.listener, '_disconnect');
+			var gamepad = this.simulator.addGamepad(0, 'Testpad1');
+			this.platform.update();
+
+			this.simulator.removeGamepad(0);
+			this.platform.update();
+
+			assert.calledWith(spy, gamepad);
+		},
+
+		'should report a second connected gamepad if added': function() {
+			var spy = this.spy(this.listener, '_connect');
+			var gamepad = this.simulator.addGamepad(1, 'Testpad2');
+
+			this.platform.update();
+
+			assert.calledWith(spy, gamepad);
+		},
+
+		'should handle connection of second gamepad in same slot': function() {
+			var spy = this.spy(this.listener, '_connect');
+
+			this.simulator.addGamepad(0, 'Testpad1');
+			this.platform.update();
+
+			this.simulator.addGamepad(0, 'Testpad2');
+			this.platform.update();
+
+			assert.calledTwice(spy);
+		},
+
+		'should have type "WebKit"': function() {
+			var result = this.platform.getType();
+
+			assert.equals(result, 'WebKit');
+		}
+
+	});
+})();
diff --git a/app/lib/gamepad/test/buster.js b/app/lib/gamepad/test/buster.js
new file mode 100644
index 0000000..b30d87a
--- /dev/null
+++ b/app/lib/gamepad/test/buster.js
@@ -0,0 +1,7 @@
+var config = module.exports;
+
+config['Library tests raw'] = {
+	rootPath: '../',
+	environment: 'node',
+	tests: ['test/**/*Test.js']
+};
diff --git a/package.json b/package.json
index 472de34..d1b2d57 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "OpenBuildsMachineDriver",
-  "version": "1.0.74",
+  "version": "1.0.75",
   "license": "AGPL-3.0",
   "description": "Machine Interface Driver for OpenBuilds",
   "author": "github.com/openbuilds <webmaster@openbuilds.com>",
diff --git a/todo b/todo
new file mode 100644
index 0000000..2a97a02
--- /dev/null
+++ b/todo
@@ -0,0 +1,2 @@
+Make download page
+Keyboard/Gamepad/HID