diff --git a/build/DAT.GUI.js b/build/DAT.GUI.js
new file mode 100644
index 0000000..d594911
--- /dev/null
+++ b/build/DAT.GUI.js
@@ -0,0 +1,1236 @@
+var DAT = DAT || {};
+
+DAT.GUI = function(parameters) {
+
+  if (parameters == undefined) {
+    parameters = {};
+  }
+
+  if (parameters.height == undefined) {
+    parameters.height = 300;
+  }
+
+  var MIN_WIDTH = 240;
+  var MAX_WIDTH = 500;
+
+  var controllers = [];
+  var listening = [];
+
+  var autoListen = true;
+
+  var listenInterval;
+
+  // Sum total of heights of controllers in this gui
+  var controllerHeight;
+
+  var _this = this;
+
+  var open = true;
+  var width = 280;
+
+  // Prevents checkForOverflow bug in which loaded gui appearance
+  // settings are not respected by presence of scrollbar.
+  var explicitOpenHeight = false;
+
+  // How big we get when we open
+  var openHeight;
+
+  var closeString = 'Close Controls';
+  var openString = 'Open Controls';
+
+  var name;
+
+  var resizeTo = 0;
+  var resizeTimeout;
+
+  this.domElement = document.createElement('div');
+  this.domElement.setAttribute('class', 'guidat');
+  this.domElement.style.width = width + 'px';
+
+  var curControllerContainerHeight = parameters.height;
+  var controllerContainer = document.createElement('div');
+  controllerContainer.setAttribute('class', 'guidat-controllers');
+  controllerContainer.style.height = curControllerContainerHeight + 'px';
+
+  // Firefox hack to prevent horizontal scrolling
+  controllerContainer.addEventListener('DOMMouseScroll', function(e) {
+
+    var scrollAmount = this.scrollTop;
+
+    if (e.wheelDelta) {
+      scrollAmount += e.wheelDelta;
+    } else if (e.detail) {
+      scrollAmount += e.detail;
+    }
+
+    if (e.preventDefault) {
+      e.preventDefault();
+    }
+
+    e.returnValue = false;
+
+    controllerContainer.scrollTop = scrollAmount;
+
+  }, false);
+
+
+  var toggleButton = document.createElement('a');
+  toggleButton.setAttribute('class', 'guidat-toggle');
+  toggleButton.setAttribute('href', '#');
+  toggleButton.innerHTML = open ? closeString : openString;
+
+  var toggleDragged = false;
+  var dragDisplacementY = 0;
+  var togglePressed = false;
+
+  var my, pmy, mx, pmx;
+
+  var resize = function(e) {
+    pmy = my;
+    pmx = mx;
+    my = e.pageY;
+    mx = e.pageX;
+
+    var dmy = my - pmy;
+
+    if (!open) {
+      if (dmy > 0) {
+        open = true;
+        curControllerContainerHeight = openHeight = 1;
+        toggleButton.innerHTML = name || closeString;
+      } else {
+        return;
+      }
+    }
+
+    // TODO: Flip this if you want to resize to the left.
+    var dmx = pmx - mx;
+
+    if (dmy > 0 &&
+        curControllerContainerHeight > controllerHeight) {
+      var d = DAT.GUI.map(curControllerContainerHeight, controllerHeight,
+          controllerHeight + 100, 1, 0);
+      dmy *= d;
+    }
+
+    toggleDragged = true;
+    dragDisplacementY += dmy;
+    dragDisplacementX += dmx;
+    openHeight += dmy;
+    width += dmx;
+    curControllerContainerHeight += dmy;
+    controllerContainer.style.height = openHeight + 'px';
+    width = DAT.GUI.constrain(width, MIN_WIDTH, MAX_WIDTH);
+    _this.domElement.style.width = width + 'px';
+    checkForOverflow();
+  };
+
+  toggleButton.addEventListener('mousedown', function(e) {
+    pmy = my = e.pageY;
+    pmx = mx = e.pageX;
+    togglePressed = true;
+    e.preventDefault();
+    dragDisplacementY = 0;
+    dragDisplacementX = 0;
+    document.addEventListener('mousemove', resize, false);
+    return false;
+
+  }, false);
+
+  toggleButton.addEventListener('click', function(e) {
+    e.preventDefault();
+    return false;
+  }, false);
+
+  document.addEventListener('mouseup', function(e) {
+
+    if (togglePressed && !toggleDragged) {
+      _this.toggle();
+    }
+
+    if (togglePressed && toggleDragged) {
+
+      if (dragDisplacementX == 0) {
+        adaptToScrollbar();
+      }
+
+      if (openHeight > controllerHeight) {
+
+        clearTimeout(resizeTimeout);
+        openHeight = resizeTo = controllerHeight;
+        beginResize();
+
+      } else if (controllerContainer.children.length >= 1) {
+
+        var singleControllerHeight = controllerContainer.children[0].
+            offsetHeight;
+        clearTimeout(resizeTimeout);
+        var target = Math.round(curControllerContainerHeight /
+            singleControllerHeight) * singleControllerHeight - 1;
+        resizeTo = target;
+        if (resizeTo <= 0) {
+          _this.close();
+          openHeight = singleControllerHeight * 2;
+        } else {
+          openHeight = resizeTo;
+          beginResize();
+        }
+      }
+    }
+
+    document.removeEventListener('mousemove', resize, false);
+    e.preventDefault();
+    toggleDragged = false;
+    togglePressed = false;
+
+    return false;
+
+  }, false);
+
+  this.domElement.appendChild(controllerContainer);
+  this.domElement.appendChild(toggleButton);
+
+  if (parameters.domElement) {
+    parameters.domElement.appendChild(this.domElement);
+  } else if (DAT.GUI.autoPlace) {
+    if (DAT.GUI.autoPlaceContainer == null) {
+      DAT.GUI.autoPlaceContainer = document.createElement('div');
+      DAT.GUI.autoPlaceContainer.setAttribute('id', 'guidat');
+
+      document.body.appendChild(DAT.GUI.autoPlaceContainer);
+    }
+    DAT.GUI.autoPlaceContainer.appendChild(this.domElement);
+  }
+
+  this.autoListenIntervalTime = 1000 / 60;
+
+  var createListenInterval = function() {
+    listenInterval = setInterval(function() {
+      _this.listen();
+    }, this.autoListenIntervalTime);
+  };
+
+  this.__defineSetter__('autoListen', function(v) {
+    autoListen = v;
+    if (!autoListen) {
+      clearInterval(listenInterval);
+    } else {
+      if (listening.length > 0) createListenInterval();
+    }
+  });
+
+  this.__defineGetter__('autoListen', function(v) {
+    return autoListen;
+  });
+
+  this.listenTo = function(controller) {
+    // TODO: check for duplicates
+    if (listening.length == 0) {
+      createListenInterval();
+    }
+    listening.push(controller);
+  };
+
+  this.unlistenTo = function(controller) {
+    // TODO: test this
+    for (var i = 0; i < listening.length; i++) {
+      if (listening[i] == controller) listening.splice(i, 1);
+    }
+    if (listening.length <= 0) {
+      clearInterval(listenInterval);
+    }
+  };
+
+  this.listen = function(whoToListenTo) {
+    var arr = whoToListenTo || listening;
+    for (var i in arr) {
+      arr[i].updateDisplay();
+    }
+  };
+
+  this.listenAll = function() {
+    this.listen(controllers);
+  }
+
+  this.autoListen = true;
+
+  var alreadyControlled = function(object, propertyName) {
+    for (var i in controllers) {
+      if (controllers[i].object == object &&
+          controllers[i].propertyName == propertyName) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  var construct = function(constructor, args) {
+    function F() {
+      return constructor.apply(this, args);
+    }
+
+    F.prototype = constructor.prototype;
+    return new F();
+  };
+
+  this.add = function() {
+
+    if (arguments.length == 1) {
+      var toReturn = [];
+      for (var i in arguments[0]) {
+        toReturn.push(_this.add(arguments[0], i));
+      }
+      return toReturn;
+    }
+
+    var object = arguments[0];
+    var propertyName = arguments[1];
+
+    // Have we already added this?
+    if (alreadyControlled(object, propertyName)) {
+      //  DAT.GUI.error('Controller for \'' + propertyName+'\' already added.');
+      //  return;
+    }
+
+    var value = object[propertyName];
+
+    // Does this value exist? Is it accessible?
+    if (value == undefined) {
+      DAT.GUI.error(object + ' either has no property \'' + propertyName +
+          '\', or the property is inaccessible.');
+      return;
+    }
+
+    var type = typeof value;
+    var handler = handlerTypes[type];
+
+    // Do we know how to deal with this data type?
+    if (handler == undefined) {
+      DAT.GUI.error('Cannot create controller for data type \'' + type + '\'');
+      return;
+    }
+
+    var args = [this]; // Set first arg (parent) to this 
+    for (var j = 0; j < arguments.length; j++) {
+      args.push(arguments[j]);
+    }
+
+    var controllerObject = construct(handler, args);
+
+    // Were we able to make the controller?
+    if (!controllerObject) {
+      DAT.GUI.error('Error creating controller for \'' + propertyName + '\'.');
+      return;
+    }
+
+    // Success.
+    controllerContainer.appendChild(controllerObject.domElement);
+    controllers.push(controllerObject);
+    DAT.GUI.allControllers.push(controllerObject);
+
+    // Do we have a saved value for this controller?
+    if (type != 'function' &&
+        DAT.GUI.saveIndex < DAT.GUI.savedValues.length) {
+      controllerObject.setValue(DAT.GUI.savedValues[DAT.GUI.saveIndex]);
+      DAT.GUI.saveIndex++;
+    }
+
+    // Compute sum height of controllers.
+    checkForOverflow();
+
+    // Prevents checkForOverflow bug in which loaded gui appearance
+    // settings are not respected by presence of scrollbar.
+    if (!explicitOpenHeight) {
+      openHeight = controllerHeight;
+    }
+
+    return controllerObject;
+
+  }
+
+  var checkForOverflow = function() {
+    controllerHeight = 0;
+    for (var i in controllers) {
+      controllerHeight += controllers[i].domElement.offsetHeight;
+    }
+    if (controllerHeight - 1 > openHeight) {
+      controllerContainer.style.overflowY = 'auto';
+    } else {
+      controllerContainer.style.overflowY = 'hidden';
+    }
+  };
+
+  var handlerTypes = {
+    'number': DAT.GUI.ControllerNumber,
+    'string': DAT.GUI.ControllerString,
+    'boolean': DAT.GUI.ControllerBoolean,
+    'function': DAT.GUI.ControllerFunction
+  };
+
+  this.reset = function() {
+    // TODO ... Set all values back to their initials.
+  }
+
+  this.toggle = function() {
+    open ? this.close() : this.open();
+  };
+
+  this.open = function() {
+    toggleButton.innerHTML = name || closeString;
+    resizeTo = openHeight;
+    clearTimeout(resizeTimeout);
+    beginResize();
+    adaptToScrollbar();
+    open = true;
+  }
+
+  this.close = function() {
+    toggleButton.innerHTML = name || openString;
+    resizeTo = 0;
+    clearTimeout(resizeTimeout);
+    beginResize();
+    adaptToScrollbar();
+    open = false;
+  }
+
+  this.name = function(n) {
+    name = n;
+    toggleButton.innerHTML = n;
+  }
+
+  // used in saveURL
+  this.appearanceVars = function() {
+    return [open, width, openHeight, controllerContainer.scrollTop]
+  }
+
+  var beginResize = function() {
+
+    curControllerContainerHeight = controllerContainer.offsetHeight;
+    curControllerContainerHeight += (resizeTo - curControllerContainerHeight)
+        * 0.6;
+
+    if (Math.abs(curControllerContainerHeight - resizeTo) < 1) {
+      curControllerContainerHeight = resizeTo;
+    } else {
+      resizeTimeout = setTimeout(beginResize, 1000 / 30);
+    }
+    controllerContainer.style.height = Math.round(curControllerContainerHeight)
+        + 'px';
+    checkForOverflow();
+
+  }
+
+  var adaptToScrollbar = function() {
+    // Clears lingering scrollbar column
+    _this.domElement.style.width = (width - 1) + 'px';
+    setTimeout(function() {
+      _this.domElement.style.width = width + 'px';
+    }, 1);
+  };
+
+
+  // Load saved appearance:
+
+  if (DAT.GUI.guiIndex < DAT.GUI.savedAppearanceVars.length) {
+
+    width = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][1]);
+    _this.domElement.style.width = width + 'px';
+
+    openHeight = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][2]);
+    explicitOpenHeight = true;
+    if (eval(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][0]) == true) {
+      curControllerContainerHeight = openHeight;
+      var t = DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][3]
+
+      // Hack.
+      setTimeout(function() {
+        controllerContainer.scrollTop = t;
+      }, 0);
+
+      if (DAT.GUI.scrollTop > -1) {
+        document.body.scrollTop = DAT.GUI.scrollTop;
+      }
+      resizeTo = openHeight;
+      this.open();
+    }
+
+    DAT.GUI.guiIndex++;
+  }
+
+  DAT.GUI.allGuis.push(this);
+
+  // Add hide listener if this is the first DAT.GUI.
+
+  if (DAT.GUI.allGuis.length == 1) {
+
+    window.addEventListener('keyup', function(e) {
+      // Hide on 'H'
+      if (!DAT.GUI.supressHotKeys && e.keyCode == 72) {
+        DAT.GUI.toggleHide();
+      }
+    }, false);
+
+    if (DAT.GUI.inlineCSS) {
+      var styleSheet = document.createElement('style');
+      styleSheet.setAttribute('type', 'text/css');
+      styleSheet.innerHTML = DAT.GUI.inlineCSS;
+      document.head.insertBefore(styleSheet, document.head.firstChild);
+    }
+
+  }
+
+};
+
+// Do not set this directly.
+DAT.GUI.hidden = false;
+
+// Static members
+
+DAT.GUI.autoPlace = true;
+DAT.GUI.autoPlaceContainer = null;
+DAT.GUI.allControllers = [];
+DAT.GUI.allGuis = [];
+
+DAT.GUI.supressHotKeys = false;
+
+DAT.GUI.toggleHide = function() {
+  if (DAT.GUI.hidden) {
+    DAT.GUI.open();
+  } else {
+    DAT.GUI.close();
+  }
+}
+
+DAT.GUI.open = function() {
+  DAT.GUI.hidden = false;
+  for (var i in DAT.GUI.allGuis) {
+    DAT.GUI.allGuis[i].domElement.style.display = 'block';
+  }
+}
+
+DAT.GUI.close = function() {
+  DAT.GUI.hidden = true;
+  for (var i in DAT.GUI.allGuis) {
+    DAT.GUI.allGuis[i].domElement.style.display = 'none';
+  }
+}
+
+DAT.GUI.saveURL = function() {
+  var url = DAT.GUI.replaceGetVar('saveString', DAT.GUI.getSaveString());
+  window.location = url;
+};
+
+DAT.GUI.scrollTop = -1;
+
+DAT.GUI.load = function(saveString) {
+
+  //DAT.GUI.savedAppearanceVars = [];
+  var vals = saveString.split(',');
+  var numGuis = parseInt(vals[0]);
+  DAT.GUI.scrollTop = parseInt(vals[1]);
+  for (var i = 0; i < numGuis; i++) {
+    var appr = vals.splice(2, 4);
+    DAT.GUI.savedAppearanceVars.push(appr);
+  }
+
+  DAT.GUI.savedValues = vals.splice(2, vals.length);
+
+};
+
+DAT.GUI.savedValues = [];
+DAT.GUI.savedAppearanceVars = [];
+
+DAT.GUI.getSaveString = function() {
+
+  var vals = [], i;
+
+  vals.push(DAT.GUI.allGuis.length);
+  vals.push(document.body.scrollTop);
+
+
+  for (i in DAT.GUI.allGuis) {
+    var av = DAT.GUI.allGuis[i].appearanceVars();
+    for (var j = 0; j < av.length; j++) {
+      vals.push(av[j]);
+    }
+  }
+
+  for (i in DAT.GUI.allControllers) {
+
+    // We don't save values for functions.
+    if (DAT.GUI.allControllers[i].type == 'function') {
+      continue;
+    }
+
+    var v = DAT.GUI.allControllers[i].getValue();
+
+    // Round numbers so they don't get enormous
+    if (DAT.GUI.allControllers[i].type == 'number') {
+      v = DAT.GUI.roundToDecimal(v, 4);
+    }
+
+    vals.push(v);
+
+  }
+
+  return vals.join(',');
+
+};
+
+DAT.GUI.getVarFromURL = function(v) {
+
+  var vars = [], hash;
+  var hashes = window.location.href.slice(
+      window.location.href.indexOf('?') + 1).split('&');
+
+  for (var i = 0; i < hashes.length; i++) {
+    hash = hashes[i].split('=');
+    if (hash == undefined) continue;
+    if (hash[0] == v) {
+      return hash[1];
+    }
+  }
+
+  return null;
+
+};
+
+DAT.GUI.replaceGetVar = function(varName, val) {
+
+  var vars = [], hash;
+  var loc = window.location.href;
+  var hashes = window.location.href.slice(
+      window.location.href.indexOf('?') + 1).split('&');
+
+  for (var i = 0; i < hashes.length; i++) {
+    hash = hashes[i].split('=');
+    if (hash == undefined) continue;
+    if (hash[0] == varName) {
+      return loc.replace(hash[1], val);
+    }
+  }
+
+  if (window.location.href.indexOf('?') != -1) {
+    return loc + '&' + varName + '=' + val;
+  }
+
+  return loc + '?' + varName + '=' + val;
+
+};
+
+DAT.GUI.saveIndex = 0;
+DAT.GUI.guiIndex = 0;
+
+DAT.GUI.showSaveString = function() {
+  alert(DAT.GUI.getSaveString());
+};
+
+// Util functions
+
+DAT.GUI.makeUnselectable = function(elem) {
+  if (elem == undefined || elem.style == undefined) return;
+  elem.onselectstart = function() {
+    return false;
+  };
+  elem.style.MozUserSelect = 'none';
+  elem.style.KhtmlUserSelect = 'none';
+  elem.unselectable = 'on';
+
+  var kids = elem.childNodes;
+  for (var i = 0; i < kids.length; i++) {
+    DAT.GUI.makeUnselectable(kids[i]);
+  }
+
+};
+
+DAT.GUI.makeSelectable = function(elem) {
+  if (elem == undefined || elem.style == undefined) return;
+  elem.onselectstart = function() {
+  };
+  elem.style.MozUserSelect = 'auto';
+  elem.style.KhtmlUserSelect = 'auto';
+  elem.unselectable = 'off';
+
+  var kids = elem.childNodes;
+  for (var i = 0; i < kids.length; i++) {
+    DAT.GUI.makeSelectable(kids[i]);
+  }
+
+};
+
+DAT.GUI.map = function(v, i1, i2, o1, o2) {
+  return o1 + (o2 - o1) * ((v - i1) / (i2 - i1));
+};
+
+DAT.GUI.constrain = function (v, o1, o2) {
+  if (v < o1) v = o1;
+  else if (v > o2) v = o2;
+  return v;
+};
+
+DAT.GUI.error = function(str) {
+  if (typeof console.error == 'function') {
+    console.error('[DAT.GUI ERROR] ' + str);
+  }
+};
+
+DAT.GUI.roundToDecimal = function(n, decimals) {
+  var t = Math.pow(10, decimals);
+  return Math.round(n * t) / t;
+};
+
+DAT.GUI.extendController = function(clazz) {
+  clazz.prototype = new DAT.GUI.Controller();
+  clazz.prototype.constructor = clazz;
+};
+
+DAT.GUI.addClass = function(domElement, className) {
+  if (DAT.GUI.hasClass(domElement, className)) return;
+  domElement.className += ' ' + className;
+}
+
+DAT.GUI.hasClass = function(domElement, className) {
+  return domElement.className.indexOf(className) != -1;
+}
+
+DAT.GUI.removeClass = function(domElement, className) {
+  var reg = new RegExp(' ' + className, 'g');
+  domElement.className = domElement.className.replace(reg, '');
+}
+
+if (DAT.GUI.getVarFromURL('saveString') != null) {
+  DAT.GUI.load(DAT.GUI.getVarFromURL('saveString'));
+}
+DAT.GUI.Controller = function() {
+
+  this.parent = arguments[0];
+  this.object = arguments[1];
+  this.propertyName = arguments[2];
+
+  if (arguments.length > 0) this.initialValue = this.propertyName[this.object];
+
+  this.domElement = document.createElement('div');
+  this.domElement.setAttribute('class', 'guidat-controller ' + this.type);
+
+  this.propertyNameElement = document.createElement('span');
+  this.propertyNameElement.setAttribute('class', 'guidat-propertyname');
+  this.name(this.propertyName);
+  this.domElement.appendChild(this.propertyNameElement);
+
+  DAT.GUI.makeUnselectable(this.domElement);
+
+};
+
+DAT.GUI.Controller.prototype.changeFunction = null;
+DAT.GUI.Controller.prototype.finishChangeFunction = null;
+
+DAT.GUI.Controller.prototype.name = function(n) {
+  this.propertyNameElement.innerHTML = n;
+  return this;
+};
+
+DAT.GUI.Controller.prototype.reset = function() {
+  this.setValue(this.initialValue);
+  return this;
+};
+
+DAT.GUI.Controller.prototype.listen = function() {
+  this.parent.listenTo(this);
+  return this;
+};
+
+DAT.GUI.Controller.prototype.unlisten = function() {
+  this.parent.unlistenTo(this); // <--- hasn't been tested yet
+  return this;
+};
+
+DAT.GUI.Controller.prototype.setValue = function(n) {
+  this.object[this.propertyName] = n;
+  if (this.changeFunction != null) {
+    this.changeFunction.call(this, n);
+  }
+  this.updateDisplay();
+  return this;
+};
+
+DAT.GUI.Controller.prototype.getValue = function() {
+  return this.object[this.propertyName];
+};
+
+DAT.GUI.Controller.prototype.updateDisplay = function() {
+};
+
+DAT.GUI.Controller.prototype.onChange = function(fnc) {
+  this.changeFunction = fnc;
+  return this;
+};
+
+DAT.GUI.Controller.prototype.onFinishChange = function(fnc) {
+  this.finishChangeFunction = fnc;
+  return this;
+};
+
+DAT.GUI.Controller.prototype.options = function() {
+  var _this = this;
+  var select = document.createElement('select');
+  if (arguments.length == 1) {
+    var arr = arguments[0];
+    for (var i in arr) {
+      var opt = document.createElement('option');
+      opt.innerHTML = i;
+      opt.setAttribute('value', arr[i]);
+      if (arguments[i] == this.getValue()) {
+        opt.selected = true;
+      }
+      select.appendChild(opt);
+    }
+  } else {
+    for (var i = 0; i < arguments.length; i++) {
+      var opt = document.createElement('option');
+      opt.innerHTML = arguments[i];
+      opt.setAttribute('value', arguments[i]);
+      if (arguments[i] == this.getValue()) {
+        opt.selected = true;
+      }
+      select.appendChild(opt);
+    }
+  }
+
+  select.addEventListener('change', function() {
+    _this.setValue(this.value);
+    if (_this.finishChangeFunction != null) {
+      _this.finishChangeFunction.call(this, _this.getValue());
+    }
+  }, false);
+  _this.domElement.appendChild(select);
+  return this;
+};
+
+DAT.GUI.ControllerBoolean = function() {
+
+  this.type = "boolean";
+  DAT.GUI.Controller.apply(this, arguments);
+
+  var _this = this;
+  var input = document.createElement('input');
+  input.setAttribute('type', 'checkbox');
+
+  input.checked = this.getValue();
+  this.setValue(this.getValue());
+
+  this.domElement.addEventListener('click', function(e) {
+    input.checked = !input.checked;
+    e.preventDefault();
+    _this.setValue(input.checked);
+  }, false);
+
+  input.addEventListener('mouseup', function(e) {
+    input.checked = !input.checked; // counteracts default.
+  }, false);
+
+  this.domElement.style.cursor = "pointer";
+  this.propertyNameElement.style.cursor = "pointer";
+  this.domElement.appendChild(input);
+
+  this.updateDisplay = function() {
+    input.checked = _this.getValue();
+  };
+
+
+  this.setValue = function(val) {
+    if (typeof val != "boolean") {
+      try {
+        val = eval(val);
+      } catch (e) {
+      }
+    }
+    return DAT.GUI.Controller.prototype.setValue.call(this, val);
+  };
+
+};
+DAT.GUI.extendController(DAT.GUI.ControllerBoolean);
+
+DAT.GUI.ControllerFunction = function() {
+
+  this.type = "function";
+
+  var _this = this;
+
+  DAT.GUI.Controller.apply(this, arguments);
+
+  this.domElement.addEventListener('click', function() {
+    _this.fire();
+  }, false);
+
+  this.domElement.style.cursor = "pointer";
+  this.propertyNameElement.style.cursor = "pointer";
+
+  var fireFunction = null;
+  this.onFire = function(fnc) {
+    fireFunction = fnc;
+    return this;
+  }
+
+  this.fire = function() {
+    if (fireFunction != null) {
+      fireFunction.call(this);
+    }
+    _this.object[_this.propertyName].call(_this.object);
+  };
+
+};
+DAT.GUI.extendController(DAT.GUI.ControllerFunction);
+
+DAT.GUI.ControllerNumber = function() {
+
+  this.type = "number";
+
+  DAT.GUI.Controller.apply(this, arguments);
+
+  var _this = this;
+
+  // If we simply click and release a number field, we want to highlight it.
+  // This variable keeps track of whether or not we've dragged
+  var draggedNumberField = false;
+  
+  var clickedNumberField = false;
+  var draggingHorizontal = false;
+  var draggingVertical = false;
+
+  var y = 0, py = 0;
+
+  var min = arguments[3];
+  var max = arguments[4];
+  var step = arguments[5];
+
+  var defaultStep = function() {
+      step = (max - min) * 0.01;
+  };
+
+  this.min = function() {
+    var needsSlider = false;
+    if (min == undefined && max != undefined) {
+      needsSlider = true;
+    }
+    if (arguments.length == 0) {
+      return min;
+    } else {
+      min = arguments[0];
+    }
+    if (needsSlider) {
+      addSlider();
+      if (step == undefined) {
+        defaultStep();
+      }
+    }
+    return _this;
+  };
+
+  this.max = function() {
+    var needsSlider = false;
+    if (min != undefined && max == undefined) {
+      needsSlider = true;
+    }
+    if (arguments.length == 0) {
+      return max;
+    } else {
+      max = arguments[0];
+    }
+    if (needsSlider) {
+      addSlider();
+      if (step == undefined) { 
+        defaultStep();
+      }
+    }
+    return _this;
+  };
+
+  this.step = function() {
+    if (arguments.length == 0) {
+      return step;
+    } else {
+      step = arguments[0];
+    }
+    return _this;
+  };
+
+  this.getMin = function() {
+    return min;
+  };
+
+  this.getMax = function() {
+    return max;
+  };
+  
+  this.getStep = function() {
+    return step || 1;
+  }
+
+  var numberField = document.createElement('input');
+  numberField.setAttribute('id', this.propertyName);
+  numberField.setAttribute('type', 'text');
+  numberField.setAttribute('value', this.getValue());
+
+  if (step) numberField.setAttribute('step', step);
+
+  this.domElement.appendChild(numberField);
+
+  var slider;
+
+  var addSlider = function() {
+    slider = new DAT.GUI.Slider(_this, min, max, step, _this.getValue());
+    _this.domElement.appendChild(slider.domElement);
+  };
+
+  if (min != undefined && max != undefined) {
+    addSlider();
+  }
+
+  numberField.addEventListener('blur', function() {
+    var val = parseFloat(this.value);
+    if (slider) {
+      DAT.GUI.removeClass(_this.domElement, 'active');
+    }
+    if (!isNaN(val)) {
+      _this.setValue(val);
+    }
+  }, false);
+
+
+  numberField.addEventListener('mousewheel', function(e) {
+    e.preventDefault();
+    _this.setValue(_this.getValue() + Math.abs(e.wheelDeltaY) / e.wheelDeltaY * _this.getStep());
+    return false;
+  }, false);
+
+  numberField.addEventListener('mousedown', function(e) {
+    py = y = e.pageY;
+    clickedNumberField = true;
+    if (slider) {
+      DAT.GUI.addClass(_this.domElement, 'active');
+      console.log(_this.domElement.className);
+    }
+    document.addEventListener('mousemove', dragNumberField, false);
+    document.addEventListener('mouseup', mouseup, false);
+  }, false);
+
+  // Handle up arrow and down arrow
+  numberField.addEventListener('keydown', function(e) {
+    var newVal;
+    switch (e.keyCode) {
+      case 13:    // enter
+        newVal = parseFloat(this.value);
+        _this.setValue(newVal);
+        break;
+      case 38:    // up
+        newVal = _this.getValue() + _this.getStep();
+        _this.setValue(newVal);
+        break;
+      case 40:    // down
+        newVal = _this.getValue() - _this.getStep();
+        _this.setValue(newVal);
+        break;
+    }
+  }, false);
+
+  var mouseup = function(e) {
+    document.removeEventListener('mousemove', dragNumberField, false);
+    
+    DAT.GUI.makeSelectable(numberField);
+    if (clickedNumberField && !draggedNumberField) {
+      numberField.focus();
+      numberField.select();
+    }
+    draggedNumberField = false;
+    clickedNumberField = false;
+    if (_this.finishChangeFunction != null) {
+      _this.finishChangeFunction.call(this, _this.getValue());
+    }
+    draggingHorizontal = false;
+    draggingVertical = false;
+    document.removeEventListener('mouseup', mouseup, false);
+  };
+
+  var dragNumberField = function(e) {
+
+    py = y;
+    y = e.pageY;
+    var dy = py - y;
+
+    if (!draggingHorizontal && !draggingVertical) {
+      if (dy == 0) {
+        draggingHorizontal = true;
+      } else {
+        draggingVertical = true;
+      }
+    }
+
+    if (draggingHorizontal) {
+      return true;
+    }
+
+    DAT.GUI.makeUnselectable(_this.parent.domElement);
+    DAT.GUI.makeUnselectable(numberField);
+
+    draggedNumberField = true;
+    e.preventDefault();
+
+    var newVal = _this.getValue() + dy * _this.getStep();
+    _this.setValue(newVal);
+    return false;
+
+  };
+
+  this.options = function() {
+    _this.noSlider();
+    _this.domElement.removeChild(numberField);
+    return DAT.GUI.Controller.prototype.options.apply(this, arguments);
+  };
+
+  this.noSlider = function() {
+    if (slider) {
+      _this.domElement.removeChild(slider.domElement);
+    }
+    return this;
+  };
+
+  this.setValue = function(val) {
+
+    val = parseFloat(val);
+
+    if (min != undefined && val <= min) {
+      val = min;
+    } else if (max != undefined && val >= max) {
+      val = max;
+    }
+
+    return DAT.GUI.Controller.prototype.setValue.call(this, val);
+
+  };
+
+  this.updateDisplay = function() {
+    numberField.value = DAT.GUI.roundToDecimal(_this.getValue(), 4);
+    if (slider) slider.value = _this.getValue();
+  };
+};
+
+DAT.GUI.extendController(DAT.GUI.ControllerNumber);
+
+DAT.GUI.ControllerString = function() {
+
+  this.type = "string";
+
+  var _this = this;
+  DAT.GUI.Controller.apply(this, arguments);
+
+  var input = document.createElement('input');
+
+  var initialValue = this.getValue();
+
+  input.setAttribute('value', initialValue);
+  input.setAttribute('spellcheck', 'false');
+
+  this.domElement.addEventListener('mouseup', function() {
+    input.focus();
+    input.select();
+  }, false);
+
+  // TODO: getting messed up on ctrl a
+  input.addEventListener('keyup', function(e) {
+    if (e.keyCode == 13 && _this.finishChangeFunction != null) {
+      _this.finishChangeFunction.call(this, _this.getValue());
+    }
+    _this.setValue(input.value);
+  }, false);
+
+  input.addEventListener('blur', function() {
+    DAT.GUI.supressHotKeys = false;
+    if (_this.finishChangeFunction != null) {
+      _this.finishChangeFunction.call(this, _this.getValue());
+    }
+  }, false);
+
+  input.addEventListener('focus', function() {
+    DAT.GUI.supressHotKeys = true;
+  }, false);
+
+  this.updateDisplay = function() {
+    input.value = _this.getValue();
+  };
+
+  this.options = function() {
+    _this.domElement.removeChild(input);
+    return DAT.GUI.Controller.prototype.options.apply(this, arguments);
+  };
+
+  this.domElement.appendChild(input);
+
+};
+
+DAT.GUI.extendController(DAT.GUI.ControllerString);
+
+DAT.GUI.Slider = function(numberController, min, max, step, initValue) {
+
+  var clicked = false;
+  var _this = this;
+
+  var x, px;
+
+  this.domElement = document.createElement('div');
+  this.domElement.setAttribute('class', 'guidat-slider-bg');
+
+  this.fg = document.createElement('div');
+  this.fg.setAttribute('class', 'guidat-slider-fg');
+
+  this.domElement.appendChild(this.fg);
+
+  var onDrag = function(e) {
+    if (!clicked) return;
+    var pos = findPos(_this.domElement);
+    var val = DAT.GUI.map(e.pageX, pos[0], pos[0] + _this.domElement
+        .offsetWidth, numberController.getMin(), numberController.getMax());
+    val = Math.round(val / numberController.getStep()) * numberController
+        .getStep();
+    numberController.setValue(val);
+  };
+
+  this.domElement.addEventListener('mousedown', function(e) {
+    clicked = true;
+    x = px = e.pageX;
+    DAT.GUI.addClass(numberController.domElement, 'active');
+    onDrag(e);
+    document.addEventListener('mouseup', mouseup, false);
+  }, false);
+
+  var mouseup = function(e) {
+    DAT.GUI.removeClass(numberController.domElement, 'active');
+    clicked = false;
+    if (numberController.finishChangeFunction != null) {
+      numberController.finishChangeFunction.call(this,
+          numberController.getValue());
+    }
+    document.removeEventListener('mouseup', mouseup, false);
+  };
+
+  var findPos = function(obj) {
+    var curleft = 0, curtop = 0;
+    if (obj.offsetParent) {
+      do {
+        curleft += obj.offsetLeft;
+        curtop += obj.offsetTop;
+      } while ((obj = obj.offsetParent));
+      return [curleft,curtop];
+    }
+  };
+
+  this.__defineSetter__('value', function(e) {
+    this.fg.style.width = DAT.GUI.map(e, numberController.getMin(),
+        numberController.getMax(), 0, 100) + "%";
+  });
+
+  document.addEventListener('mousemove', onDrag, false);
+
+  this.value = initValue;
+
+};
+DAT.GUI.inlineCSS = '#guidat { position: fixed; top: 0; right: 0; width: auto; z-index: 1001; text-align: right; } .guidat { color: #fff; opacity: 0.97; text-align: left; float: right; margin-right: 20px; margin-bottom: 20px; background-color: #fff; } .guidat, .guidat input { font: 9.5px Lucida Grande, sans-serif; } .guidat-controllers { height: 300px; overflow-y: auto; overflow-x: hidden; background-color: rgba(0, 0, 0, 0.1); } a.guidat-toggle { text-decoration: none; cursor: pointer; color: #fff; background-color: #222; text-align: center; display: block; padding: 5px; } a.guidat-toggle:hover { background-color: #000; } .guidat-controller { padding: 3px; height: 25px; clear: left; border-bottom: 1px solid #222; background-color: #111; } .guidat-controller, .guidat-controller input, .guidat-slider-bg, .guidat-slider-fg { -moz-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; transition: background-color 0.15s linear; } .guidat-controller.boolean:hover, .guidat-controller.function:hover { background-color: #000; } .guidat-controller input { float: right; outline: none; border: 0; padding: 4px; margin-top: 2px; background-color: #222; } .guidat-controller select { margin-top: 4px; float: right; } .guidat-controller input:hover { background-color: #444; } .guidat-controller input:focus, .guidat-controller.active input { background-color: #555; color: #fff; } .guidat-controller.number { border-left: 5px solid #00aeff; } .guidat-controller.string { border-left: 5px solid #1ed36f; } .guidat-controller.string input { border: 0; color: #1ed36f; margin-right: 2px; width: 148px; } .guidat-controller.boolean { border-left: 5px solid #54396e; } .guidat-controller.function { border-left: 5px solid #e61d5f; } .guidat-controller.number input[type=text] { width: 35px; margin-left: 5px; margin-right: 2px; color: #00aeff; } .guidat .guidat-controller.boolean input { margin-top: 6px; margin-right: 2px; font-size: 20px; } .guidat-controller:last-child { border-bottom: none; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .guidat-propertyname { padding: 5px; padding-top: 7px; cursor: default; display: inline-block; } .guidat-controller .guidat-slider-bg:hover, .guidat-controller.active .guidat-slider-bg { background-color: #444; } .guidat-controller .guidat-slider-bg .guidat-slider-fg:hover, .guidat-controller.active .guidat-slider-bg .guidat-slider-fg { background-color: #52c8ff; } .guidat-slider-bg { background-color: #222; cursor: ew-resize; width: 40%; margin-top: 2px; float: right; height: 21px; } .guidat-slider-fg { cursor: ew-resize; background-color: #00aeff; height: 21px; } ';
diff --git a/build/DAT.GUI.min.js b/build/DAT.GUI.min.js
new file mode 100644
index 0000000..a013de0
--- /dev/null
+++ b/build/DAT.GUI.min.js
@@ -0,0 +1,38 @@
+var DAT=DAT||{};
+DAT.GUI=function(a){a==void 0&&(a={});if(a.height==void 0)a.height=300;var b=[],c=[],d=!0,g,i,k=this,h=!0,e=280,n=!1,f,o,l=0,q;this.domElement=document.createElement("div");this.domElement.setAttribute("class","guidat");this.domElement.style.width=e+"px";var j=a.height,m=document.createElement("div");m.setAttribute("class","guidat-controllers");m.style.height=j+"px";m.addEventListener("DOMMouseScroll",function(a){var b=this.scrollTop;a.wheelDelta?b+=a.wheelDelta:a.detail&&(b+=a.detail);a.preventDefault&&
+a.preventDefault();a.returnValue=!1;m.scrollTop=b},!1);var p=document.createElement("a");p.setAttribute("class","guidat-toggle");p.setAttribute("href","#");p.innerHTML=h?"Close Controls":"Open Controls";var s=!1,A=0,t=!1,u,w,v,x,B=function(a){w=u;x=v;u=a.pageY;v=a.pageX;a=u-w;if(!h)if(a>0)h=!0,j=f=1,p.innerHTML=o||"Close Controls";else return;var b=x-v;if(a>0&&j>i){var c=DAT.GUI.map(j,i,i+100,1,0);a*=c}s=!0;A+=a;dragDisplacementX+=b;f+=a;e+=b;j+=a;m.style.height=f+"px";e=DAT.GUI.constrain(e,240,500);
+k.domElement.style.width=e+"px";y()};p.addEventListener("mousedown",function(a){w=u=a.pageY;x=v=a.pageX;t=!0;a.preventDefault();dragDisplacementX=A=0;document.addEventListener("mousemove",B,!1);return!1},!1);p.addEventListener("click",function(a){a.preventDefault();return!1},!1);document.addEventListener("mouseup",function(a){t&&!s&&k.toggle();if(t&&s)if(dragDisplacementX==0&&z(),f>i)clearTimeout(q),f=l=i,r();else if(m.children.length>=1){var b=m.children[0].offsetHeight;clearTimeout(q);l=Math.round(j/
+b)*b-1;l<=0?(k.close(),f=b*2):(f=l,r())}document.removeEventListener("mousemove",B,!1);a.preventDefault();return t=s=!1},!1);this.domElement.appendChild(m);this.domElement.appendChild(p);if(a.domElement)a.domElement.appendChild(this.domElement);else if(DAT.GUI.autoPlace){if(DAT.GUI.autoPlaceContainer==null)DAT.GUI.autoPlaceContainer=document.createElement("div"),DAT.GUI.autoPlaceContainer.setAttribute("id","guidat"),document.body.appendChild(DAT.GUI.autoPlaceContainer);DAT.GUI.autoPlaceContainer.appendChild(this.domElement)}this.autoListenIntervalTime=
+1E3/60;var C=function(){g=setInterval(function(){k.listen()},this.autoListenIntervalTime)};this.__defineSetter__("autoListen",function(a){(d=a)?c.length>0&&C():clearInterval(g)});this.__defineGetter__("autoListen",function(){return d});this.listenTo=function(a){c.length==0&&C();c.push(a)};this.unlistenTo=function(a){for(var b=0;b<c.length;b++)c[b]==a&&c.splice(b,1);c.length<=0&&clearInterval(g)};this.listen=function(a){var a=a||c,b;for(b in a)a[b].updateDisplay()};this.listenAll=function(){this.listen(b)};
+this.autoListen=!0;var D=function(a,b){function c(){return a.apply(this,b)}c.prototype=a.prototype;return new c};this.add=function(){if(arguments.length==1){var a=[],c;for(c in arguments[0])a.push(k.add(arguments[0],c));return a}a=arguments[0];c=arguments[1];a:for(var d in b)if(b[d].object==a&&b[d].propertyName==c)break a;d=a[c];if(d==void 0)DAT.GUI.error(a+" either has no property '"+c+"', or the property is inaccessible.");else if(a=typeof d,d=E[a],d==void 0)DAT.GUI.error("Cannot create controller for data type '"+
+a+"'");else{for(var e=[this],g=0;g<arguments.length;g++)e.push(arguments[g]);if(d=D(d,e))return m.appendChild(d.domElement),b.push(d),DAT.GUI.allControllers.push(d),a!="function"&&DAT.GUI.saveIndex<DAT.GUI.savedValues.length&&(d.setValue(DAT.GUI.savedValues[DAT.GUI.saveIndex]),DAT.GUI.saveIndex++),y(),n||(f=i),d;else DAT.GUI.error("Error creating controller for '"+c+"'.")}};var y=function(){i=0;for(var a in b)i+=b[a].domElement.offsetHeight;m.style.overflowY=i-1>f?"auto":"hidden"},E={number:DAT.GUI.ControllerNumber,
+string:DAT.GUI.ControllerString,"boolean":DAT.GUI.ControllerBoolean,"function":DAT.GUI.ControllerFunction};this.reset=function(){};this.toggle=function(){h?this.close():this.open()};this.open=function(){p.innerHTML=o||"Close Controls";l=f;clearTimeout(q);r();z();h=!0};this.close=function(){p.innerHTML=o||"Open Controls";l=0;clearTimeout(q);r();z();h=!1};this.name=function(a){o=a;p.innerHTML=a};this.appearanceVars=function(){return[h,e,f,m.scrollTop]};var r=function(){j=m.offsetHeight;j+=(l-j)*0.6;
+Math.abs(j-l)<1?j=l:q=setTimeout(r,1E3/30);m.style.height=Math.round(j)+"px";y()},z=function(){k.domElement.style.width=e-1+"px";setTimeout(function(){k.domElement.style.width=e+"px"},1)};if(DAT.GUI.guiIndex<DAT.GUI.savedAppearanceVars.length){e=parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][1]);k.domElement.style.width=e+"px";f=parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][2]);n=!0;if(eval(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][0])==!0){var j=f,F=DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][3];
+setTimeout(function(){m.scrollTop=F},0);if(DAT.GUI.scrollTop>-1)document.body.scrollTop=DAT.GUI.scrollTop;l=f;this.open()}DAT.GUI.guiIndex++}DAT.GUI.allGuis.push(this);if(DAT.GUI.allGuis.length==1&&(window.addEventListener("keyup",function(a){!DAT.GUI.supressHotKeys&&a.keyCode==72&&DAT.GUI.toggleHide()},!1),DAT.GUI.inlineCSS))a=document.createElement("style"),a.setAttribute("type","text/css"),a.innerHTML=DAT.GUI.inlineCSS,document.head.insertBefore(a,document.head.firstChild)};DAT.GUI.hidden=!1;
+DAT.GUI.autoPlace=!0;DAT.GUI.autoPlaceContainer=null;DAT.GUI.allControllers=[];DAT.GUI.allGuis=[];DAT.GUI.supressHotKeys=!1;DAT.GUI.toggleHide=function(){DAT.GUI.hidden?DAT.GUI.open():DAT.GUI.close()};DAT.GUI.open=function(){DAT.GUI.hidden=!1;for(var a in DAT.GUI.allGuis)DAT.GUI.allGuis[a].domElement.style.display="block"};DAT.GUI.close=function(){DAT.GUI.hidden=!0;for(var a in DAT.GUI.allGuis)DAT.GUI.allGuis[a].domElement.style.display="none"};
+DAT.GUI.saveURL=function(){var a=DAT.GUI.replaceGetVar("saveString",DAT.GUI.getSaveString());window.location=a};DAT.GUI.scrollTop=-1;DAT.GUI.load=function(a){var a=a.split(","),b=parseInt(a[0]);DAT.GUI.scrollTop=parseInt(a[1]);for(var c=0;c<b;c++){var d=a.splice(2,4);DAT.GUI.savedAppearanceVars.push(d)}DAT.GUI.savedValues=a.splice(2,a.length)};DAT.GUI.savedValues=[];DAT.GUI.savedAppearanceVars=[];
+DAT.GUI.getSaveString=function(){var a=[],b;a.push(DAT.GUI.allGuis.length);a.push(document.body.scrollTop);for(b in DAT.GUI.allGuis)for(var c=DAT.GUI.allGuis[b].appearanceVars(),d=0;d<c.length;d++)a.push(c[d]);for(b in DAT.GUI.allControllers)DAT.GUI.allControllers[b].type!="function"&&(c=DAT.GUI.allControllers[b].getValue(),DAT.GUI.allControllers[b].type=="number"&&(c=DAT.GUI.roundToDecimal(c,4)),a.push(c));return a.join(",")};
+DAT.GUI.getVarFromURL=function(a){for(var b,c=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),d=0;d<c.length;d++)if(b=c[d].split("="),b!=void 0&&b[0]==a)return b[1];return null};
+DAT.GUI.replaceGetVar=function(a,b){for(var c,d=window.location.href,g=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),i=0;i<g.length;i++)if(c=g[i].split("="),c!=void 0&&c[0]==a)return d.replace(c[1],b);if(window.location.href.indexOf("?")!=-1)return d+"&"+a+"="+b;return d+"?"+a+"="+b};DAT.GUI.saveIndex=0;DAT.GUI.guiIndex=0;DAT.GUI.showSaveString=function(){alert(DAT.GUI.getSaveString())};
+DAT.GUI.makeUnselectable=function(a){if(!(a==void 0||a.style==void 0)){a.onselectstart=function(){return!1};a.style.MozUserSelect="none";a.style.KhtmlUserSelect="none";a.unselectable="on";for(var a=a.childNodes,b=0;b<a.length;b++)DAT.GUI.makeUnselectable(a[b])}};DAT.GUI.makeSelectable=function(a){if(!(a==void 0||a.style==void 0)){a.onselectstart=function(){};a.style.MozUserSelect="auto";a.style.KhtmlUserSelect="auto";a.unselectable="off";for(var a=a.childNodes,b=0;b<a.length;b++)DAT.GUI.makeSelectable(a[b])}};
+DAT.GUI.map=function(a,b,c,d,g){return d+(g-d)*((a-b)/(c-b))};DAT.GUI.constrain=function(a,b,c){a<b?a=b:a>c&&(a=c);return a};DAT.GUI.error=function(a){typeof console.error=="function"&&console.error("[DAT.GUI ERROR] "+a)};DAT.GUI.roundToDecimal=function(a,b){var c=Math.pow(10,b);return Math.round(a*c)/c};DAT.GUI.extendController=function(a){a.prototype=new DAT.GUI.Controller;a.prototype.constructor=a};DAT.GUI.addClass=function(a,b){DAT.GUI.hasClass(a,b)||(a.className+=" "+b)};
+DAT.GUI.hasClass=function(a,b){return a.className.indexOf(b)!=-1};DAT.GUI.removeClass=function(a,b){a.className=a.className.replace(RegExp(" "+b,"g"),"")};DAT.GUI.getVarFromURL("saveString")!=null&&DAT.GUI.load(DAT.GUI.getVarFromURL("saveString"));
+DAT.GUI.Controller=function(){this.parent=arguments[0];this.object=arguments[1];this.propertyName=arguments[2];if(arguments.length>0)this.initialValue=this.propertyName[this.object];this.domElement=document.createElement("div");this.domElement.setAttribute("class","guidat-controller "+this.type);this.propertyNameElement=document.createElement("span");this.propertyNameElement.setAttribute("class","guidat-propertyname");this.name(this.propertyName);this.domElement.appendChild(this.propertyNameElement);
+DAT.GUI.makeUnselectable(this.domElement)};DAT.GUI.Controller.prototype.changeFunction=null;DAT.GUI.Controller.prototype.finishChangeFunction=null;DAT.GUI.Controller.prototype.name=function(a){this.propertyNameElement.innerHTML=a;return this};DAT.GUI.Controller.prototype.reset=function(){this.setValue(this.initialValue);return this};DAT.GUI.Controller.prototype.listen=function(){this.parent.listenTo(this);return this};DAT.GUI.Controller.prototype.unlisten=function(){this.parent.unlistenTo(this);return this};
+DAT.GUI.Controller.prototype.setValue=function(a){this.object[this.propertyName]=a;this.changeFunction!=null&&this.changeFunction.call(this,a);this.updateDisplay();return this};DAT.GUI.Controller.prototype.getValue=function(){return this.object[this.propertyName]};DAT.GUI.Controller.prototype.updateDisplay=function(){};DAT.GUI.Controller.prototype.onChange=function(a){this.changeFunction=a;return this};DAT.GUI.Controller.prototype.onFinishChange=function(a){this.finishChangeFunction=a;return this};
+DAT.GUI.Controller.prototype.options=function(){var a=this,b=document.createElement("select");if(arguments.length==1){var c=arguments[0],d;for(d in c){var g=document.createElement("option");g.innerHTML=d;g.setAttribute("value",c[d]);if(arguments[d]==this.getValue())g.selected=!0;b.appendChild(g)}}else for(d=0;d<arguments.length;d++){g=document.createElement("option");g.innerHTML=arguments[d];g.setAttribute("value",arguments[d]);if(arguments[d]==this.getValue())g.selected=!0;b.appendChild(g)}b.addEventListener("change",
+function(){a.setValue(this.value);a.finishChangeFunction!=null&&a.finishChangeFunction.call(this,a.getValue())},!1);a.domElement.appendChild(b);return this};
+DAT.GUI.ControllerBoolean=function(){this.type="boolean";DAT.GUI.Controller.apply(this,arguments);var a=this,b=document.createElement("input");b.setAttribute("type","checkbox");b.checked=this.getValue();this.setValue(this.getValue());this.domElement.addEventListener("click",function(c){b.checked=!b.checked;c.preventDefault();a.setValue(b.checked)},!1);b.addEventListener("mouseup",function(){b.checked=!b.checked},!1);this.domElement.style.cursor="pointer";this.propertyNameElement.style.cursor="pointer";
+this.domElement.appendChild(b);this.updateDisplay=function(){b.checked=a.getValue()};this.setValue=function(a){if(typeof a!="boolean")try{a=eval(a)}catch(b){}return DAT.GUI.Controller.prototype.setValue.call(this,a)}};DAT.GUI.extendController(DAT.GUI.ControllerBoolean);
+DAT.GUI.ControllerFunction=function(){this.type="function";var a=this;DAT.GUI.Controller.apply(this,arguments);this.domElement.addEventListener("click",function(){a.fire()},!1);this.domElement.style.cursor="pointer";this.propertyNameElement.style.cursor="pointer";var b=null;this.onFire=function(a){b=a;return this};this.fire=function(){b!=null&&b.call(this);a.object[a.propertyName].call(a.object)}};DAT.GUI.extendController(DAT.GUI.ControllerFunction);
+DAT.GUI.ControllerNumber=function(){this.type="number";DAT.GUI.Controller.apply(this,arguments);var a=this,b=!1,c=!1,d=!1,g=!1,i=0,k=0,h=arguments[3],e=arguments[4],n=arguments[5];this.min=function(){var b=!1;h==void 0&&e!=void 0&&(b=!0);if(arguments.length==0)return h;else h=arguments[0];b&&(l(),n==void 0&&(n=(e-h)*0.01));return a};this.max=function(){var b=!1;h!=void 0&&e==void 0&&(b=!0);if(arguments.length==0)return e;else e=arguments[0];b&&(l(),n==void 0&&(n=(e-h)*0.01));return a};this.step=function(){if(arguments.length==
+0)return n;else n=arguments[0];return a};this.getMin=function(){return h};this.getMax=function(){return e};this.getStep=function(){return n||1};var f=document.createElement("input");f.setAttribute("id",this.propertyName);f.setAttribute("type","text");f.setAttribute("value",this.getValue());n&&f.setAttribute("step",n);this.domElement.appendChild(f);var o,l=function(){o=new DAT.GUI.Slider(a,h,e,n,a.getValue());a.domElement.appendChild(o.domElement)};h!=void 0&&e!=void 0&&l();f.addEventListener("blur",
+function(){var b=parseFloat(this.value);o&&DAT.GUI.removeClass(a.domElement,"active");isNaN(b)||a.setValue(b)},!1);f.addEventListener("mousewheel",function(b){b.preventDefault();a.setValue(a.getValue()+Math.abs(b.wheelDeltaY)/b.wheelDeltaY*a.getStep());return!1},!1);f.addEventListener("mousedown",function(b){k=i=b.pageY;c=!0;o&&(DAT.GUI.addClass(a.domElement,"active"),console.log(a.domElement.className));document.addEventListener("mousemove",j,!1);document.addEventListener("mouseup",q,!1)},!1);f.addEventListener("keydown",
+function(b){switch(b.keyCode){case 13:b=parseFloat(this.value);a.setValue(b);break;case 38:b=a.getValue()+a.getStep();a.setValue(b);break;case 40:b=a.getValue()-a.getStep(),a.setValue(b)}},!1);var q=function(){document.removeEventListener("mousemove",j,!1);DAT.GUI.makeSelectable(f);c&&!b&&(f.focus(),f.select());c=b=!1;a.finishChangeFunction!=null&&a.finishChangeFunction.call(this,a.getValue());g=d=!1;document.removeEventListener("mouseup",q,!1)},j=function(c){k=i;i=c.pageY;var e=k-i;!d&&!g&&(e==0?
+d=!0:g=!0);if(d)return!0;DAT.GUI.makeUnselectable(a.parent.domElement);DAT.GUI.makeUnselectable(f);b=!0;c.preventDefault();c=a.getValue()+e*a.getStep();a.setValue(c);return!1};this.options=function(){a.noSlider();a.domElement.removeChild(f);return DAT.GUI.Controller.prototype.options.apply(this,arguments)};this.noSlider=function(){o&&a.domElement.removeChild(o.domElement);return this};this.setValue=function(a){a=parseFloat(a);h!=void 0&&a<=h?a=h:e!=void 0&&a>=e&&(a=e);return DAT.GUI.Controller.prototype.setValue.call(this,
+a)};this.updateDisplay=function(){f.value=DAT.GUI.roundToDecimal(a.getValue(),4);if(o)o.value=a.getValue()}};DAT.GUI.extendController(DAT.GUI.ControllerNumber);
+DAT.GUI.ControllerString=function(){this.type="string";var a=this;DAT.GUI.Controller.apply(this,arguments);var b=document.createElement("input"),c=this.getValue();b.setAttribute("value",c);b.setAttribute("spellcheck","false");this.domElement.addEventListener("mouseup",function(){b.focus();b.select()},!1);b.addEventListener("keyup",function(c){c.keyCode==13&&a.finishChangeFunction!=null&&a.finishChangeFunction.call(this,a.getValue());a.setValue(b.value)},!1);b.addEventListener("blur",function(){DAT.GUI.supressHotKeys=
+!1;a.finishChangeFunction!=null&&a.finishChangeFunction.call(this,a.getValue())},!1);b.addEventListener("focus",function(){DAT.GUI.supressHotKeys=!0},!1);this.updateDisplay=function(){b.value=a.getValue()};this.options=function(){a.domElement.removeChild(b);return DAT.GUI.Controller.prototype.options.apply(this,arguments)};this.domElement.appendChild(b)};DAT.GUI.extendController(DAT.GUI.ControllerString);
+DAT.GUI.Slider=function(a,b,c,d,g){var i=!1,k=this;this.domElement=document.createElement("div");this.domElement.setAttribute("class","guidat-slider-bg");this.fg=document.createElement("div");this.fg.setAttribute("class","guidat-slider-fg");this.domElement.appendChild(this.fg);var h=function(b){if(i){var c;c=k.domElement;var d=0,e=0;if(c.offsetParent){do d+=c.offsetLeft,e+=c.offsetTop;while(c=c.offsetParent);c=[d,e]}else c=void 0;b=DAT.GUI.map(b.pageX,c[0],c[0]+k.domElement.offsetWidth,a.getMin(),
+a.getMax());b=Math.round(b/a.getStep())*a.getStep();a.setValue(b)}};this.domElement.addEventListener("mousedown",function(b){i=!0;DAT.GUI.addClass(a.domElement,"active");h(b);document.addEventListener("mouseup",e,!1)},!1);var e=function(){DAT.GUI.removeClass(a.domElement,"active");i=!1;a.finishChangeFunction!=null&&a.finishChangeFunction.call(this,a.getValue());document.removeEventListener("mouseup",e,!1)};this.__defineSetter__("value",function(b){this.fg.style.width=DAT.GUI.map(b,a.getMin(),a.getMax(),
+0,100)+"%"});document.addEventListener("mousemove",h,!1);this.value=g};DAT.GUI.inlineCSS="#guidat { position: fixed; top: 0; right: 0; width: auto; z-index: 1001; text-align: right; } .guidat { color: #fff; opacity: 0.97; text-align: left; float: right; margin-right: 20px; margin-bottom: 20px; background-color: #fff; } .guidat, .guidat input { font: 9.5px Lucida Grande, sans-serif; } .guidat-controllers { height: 300px; overflow-y: auto; overflow-x: hidden; background-color: rgba(0, 0, 0, 0.1); } a.guidat-toggle { text-decoration: none; cursor: pointer; color: #fff; background-color: #222; text-align: center; display: block; padding: 5px; } a.guidat-toggle:hover { background-color: #000; } .guidat-controller { padding: 3px; height: 25px; clear: left; border-bottom: 1px solid #222; background-color: #111; } .guidat-controller, .guidat-controller input, .guidat-slider-bg, .guidat-slider-fg { -moz-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; transition: background-color 0.15s linear; } .guidat-controller.boolean:hover, .guidat-controller.function:hover { background-color: #000; } .guidat-controller input { float: right; outline: none; border: 0; padding: 4px; margin-top: 2px; background-color: #222; } .guidat-controller select { margin-top: 4px; float: right; } .guidat-controller input:hover { background-color: #444; } .guidat-controller input:focus, .guidat-controller.active input { background-color: #555; color: #fff; } .guidat-controller.number { border-left: 5px solid #00aeff; } .guidat-controller.string { border-left: 5px solid #1ed36f; } .guidat-controller.string input { border: 0; color: #1ed36f; margin-right: 2px; width: 148px; } .guidat-controller.boolean { border-left: 5px solid #54396e; } .guidat-controller.function { border-left: 5px solid #e61d5f; } .guidat-controller.number input[type=text] { width: 35px; margin-left: 5px; margin-right: 2px; color: #00aeff; } .guidat .guidat-controller.boolean input { margin-top: 6px; margin-right: 2px; font-size: 20px; } .guidat-controller:last-child { border-bottom: none; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } .guidat-propertyname { padding: 5px; padding-top: 7px; cursor: default; display: inline-block; } .guidat-controller .guidat-slider-bg:hover, .guidat-controller.active .guidat-slider-bg { background-color: #444; } .guidat-controller .guidat-slider-bg .guidat-slider-fg:hover, .guidat-controller.active .guidat-slider-bg .guidat-slider-fg { background-color: #52c8ff; } .guidat-slider-bg { background-color: #222; cursor: ew-resize; width: 40%; margin-top: 2px; float: right; height: 21px; } .guidat-slider-fg { cursor: ew-resize; background-color: #00aeff; height: 21px; } ";
diff --git a/index.html b/index.html
index 7b84c94..73c7f9b 100644
--- a/index.html
+++ b/index.html
@@ -6,18 +6,7 @@
   <link rel="icon" type="image/png" href="demo/assets/favicon.png"/>
   <link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css"/>
 
-  <link href="src/DAT/GUI/GUI.css" media="screen" rel="stylesheet"
-        type="text/css"/>
-
-  <script type="text/javascript" src="src/DAT/GUI/GUI.js"></script>
-  <script type="text/javascript" src="src/DAT/GUI/Slider.js"></script>
-  <script type="text/javascript" src="src/DAT/GUI/Controller.js"></script>
-  <script type="text/javascript"
-          src="src/DAT/GUI/ControllerBoolean.js"></script>
-  <script type="text/javascript"
-          src="src/DAT/GUI/ControllerFunction.js"></script>
-  <script type="text/javascript" src="src/DAT/GUI/ControllerNumber.js"></script>
-  <script type="text/javascript" src="src/DAT/GUI/ControllerString.js"></script>
+  <script type="text/javascript" src="build/DAT.GUI.js"></script>
 
   <script type="text/javascript" src="demo/improvedNoise.js"></script>
   <script type="text/javascript" src="demo/prettify.js"></script>
@@ -129,7 +118,7 @@
   <li><a href="https://github.com/jonobr1/dat.gui/raw/versions/gui.min
       .js"><strong>Download the minified source</strong></a>
     <small
-        id="buildsize">[114.4kb]
+        id="buildsize">[150.9kb]
     </small>
   </li>
 
diff --git a/utils/barnraiser.py b/utils/barnraiser.py
index 0653ece..8dfc470 100644
--- a/utils/barnraiser.py
+++ b/utils/barnraiser.py
@@ -3,6 +3,7 @@
 from optparse import OptionParser
 import httplib, urllib
 import os, fnmatch, shutil, re
+from collections import OrderedDict
 
 usage = """usage: %prog [options] command
 
@@ -22,8 +23,7 @@ SRC_ROOT= os.path.join(UTILS,'..','src')
 BUILD_ROOT = os.path.join(UTILS,'..','build')
 INDEX = os.path.join(UTILS,'..','index.html')
 BUILD_NAME = 'DAT.GUI'
-ALL = ['DAT']
-
+ALL_JS = ['DAT.GUI.js','DAT.GUI']
 
 def flatten(l, ltypes=(list, tuple)):
     ltype = type(l)
@@ -44,16 +44,38 @@ def expand(path, globby):
   matches = []
   path = path.split('.')
   path.insert(0,SRC_ROOT)
+  filename = "%s.%s"%(path[-2],path[-1])
+  if fnmatch.fnmatch(filename, globby):
+    path[-1] = filename
   path = os.path.join(*path)
-  for root, dirnames, filenames in os.walk(path):
-    for filename in fnmatch.filter(filenames, globby):
-      matches.append(os.path.join(root, filename))
+  if os.path.isdir(path):
+    for root, dirnames, filenames in os.walk(path):
+      for filename in fnmatch.filter(filenames, globby):
+        matches.append(os.path.join(root, filename))
+  else:
+    matches.append(path)
   return matches
 
+def unique(seq, idfun=None):
+  """Ordered uniquify function
+  if in 2.7 use:
+   OrderedDict.fromkeys(seq).keys()
+  """
+  if idfun is None:
+    def idfun(x): return x
+  seen = {}
+  result = []
+  for item in seq:
+    marker = idfun(item)
+    if marker in seen: continue
+    seen[marker] = 1
+    result.append(item)
+  return result
+
 def source_list(src, globby='*.js'):
   def expander(f):
     return expand(f,globby)
-  return set(flatten(map(expander, src)))
+  return unique(flatten(map(expander, src)))
 
 def compile(code):
   params = urllib.urlencode([
@@ -80,17 +102,20 @@ def clean():
   else:
     print('DONE. Nothing to clean')
 
-def build(src):
+def build(jssrc, csssrc=list([''])):
   if not os.path.exists(BUILD_ROOT):
     os.makedirs(BUILD_ROOT)
 
-  cssfiles = source_list(src, '*.css')
-  css = '\n'.join([open(f).read() for f in cssfiles])
-  css = re.sub(r'[ \t\n\r]+',' ',css)
+  if csssrc:
+    cssfiles = source_list(csssrc, '*.css')
+    css = '\n'.join([open(f).read() for f in cssfiles])
+    css = re.sub(r'[ \t\n\r]+',' ',css)
 
-  jsfiles = source_list(src, '*.js')
+  jsfiles = source_list(jssrc, '*.js')
+  print(jsfiles)
   code = '\n'.join([open(f).read() for f in jsfiles])
-  code += """DAT.GUI.inlineCSS = '%s';\n"""%(css,)
+  if csssrc:
+    code += """DAT.GUI.inlineCSS = '%s';\n"""%(css,)
 
   outpath = os.path.join(BUILD_ROOT, BUILD_NAME+'.js')
   with open(outpath,'w') as f:
@@ -125,7 +150,7 @@ if __name__ == '__main__':
     exit(0)
   command = args[0]
   if command == 'build':
-    build(ALL)
+    build(ALL_JS)
   elif command == 'clean':
     clean()
   elif command == 'debug':