Adding basic color picker

js/piskel.js

@@ -41,6 +41,7 @@
       this.initDrawingArea();
       this.initPreviewSlideshow();
       this.initAnimationPreview();
+      this.initColorPicker();
     },
 
     setActiveFrame: function(index) {
@@ -67,6 +68,14 @@
       return activeFrameIndex;
     },
 
+    initColorPicker: function() {
+      var colorPicker = document.getElementById('color-picker');
+      colorPicker.value = DEFAULT_PEN_COLOR;
+      colorPicker.addEventListener('change', function(evt) {
+        penColor = colorPicker.value;
+      });
+    },
+
     initDrawingArea : function() {
         drawingAreaContainer = $('drawing-canvas-container');