diff --git a/parallax/js/picasso-dev.js b/parallax/js/picasso-dev.js
new file mode 100644
index 0000000..3dd82e7
--- /dev/null
+++ b/parallax/js/picasso-dev.js
@@ -0,0 +1,266 @@
+/*! Parallax functions
+==============================================================
+@name picasso-dev.js
+@author Dave Gamache (@dhg)
+@comments Christophe Zlobinski-Furmaniak (christophe.zf@gmail.com or @t1wk)
+@version ?
+@date 05/17/2014
+@category Animation scripts
+@license ?
+
+@based-on: Dave Gamache Parallax (https://medium.com/@dhg/82ced812e61c)
+@based-url: http://davegamache.com/parallax/
+==============================================================
+*/
+
+(function() {
+  $(function() {
+
+    /*  Globals
+    -------------------------------------------------- */
+	// These CSS3 properties are known to be safe
+    var PROPERTIES =               ['translateX', 'translateY', 'opacity', 'rotate', 'scale'],
+		
+		// Default values
+        $window =                  $(window),
+        $body =                    $('body'),
+        wrappers =                 [],
+        currentWrapper =           null,
+        scrollTimeoutID =          0,
+        bodyHeight =               0,
+        windowHeight =             0,
+        windowWidth =              0,
+        prevKeyframesDurations =   0,
+        scrollTop =                0,
+        relativeScrollTop =        0,
+        currentKeyframe =          0,
+        
+		// Parallax animations are constructed as an object
+		keyframes = [
+          {
+            
+			/* Parameters
+			// ---------------------------------------------------------------------- //
+				'wrapper' : '#element_id', 		// Animation container
+				'duration' : '100%', 			// Duration of the animation
+				'animations' :  [
+				  {
+					'selector'    : '.name', 	// Name of the selector
+					'translateX'  : 30, 		// (Integer, px) Translation on X Axis
+					'translateY'  : -140, 		// (Integer, px) Translation on Y Axis
+					'opacity'     : 0			// (Integer) Opacity
+					'scale'		  : 1.2			// (Integer/floating, ratio) Scale (here 120 %)
+					'rotate'	  : 90			// (Integer, degrees) Rotation
+				  } , {
+					'selector'    : '.second_element_to_animate',
+					'translateX'  : '5%', 		// (String, %) Translation on X Axis
+					'translateY'  : '7%', 		// (String, %) Translation on Y Axis
+					'scale'       : [1, 2]		// [From, to]
+					'opacity'     : [0, 1.75] 	// hack to accelerate opacity speed
+				  }
+				]
+			  } */
+            
+			'wrapper' : '',
+            'duration' : '100%',
+            'animations' :  [
+              {
+                'selector'    : '',
+                'translateY'  : '',
+                'opacity'     : [0, 1.75] // hack to accelerate opacity speed
+              }
+            ]
+          }
+        ]
+
+    /*  Construction
+    -------------------------------------------------- */
+    init = function() {
+      scrollIntervalID = setInterval(updatePage, 10); // Prevent crazy performance hiccups
+      setupValues();
+      $window.resize(throwError)
+      if(isTouchDevice) {
+        $window.resize(throwError)
+      }
+    }
+
+    setupValues = function() {
+      scrollTop = $window.scrollTop();
+      windowHeight = $window.height();
+      windowWidth = $window.width();
+      convertAllPropsToPx();
+      buildPage();
+    }
+
+    buildPage = function() {
+      var i, j, k;
+      for(i=0;i<keyframes.length;i++) { // loop keyframes
+          bodyHeight += keyframes[i].duration;
+          if($.inArray(keyframes[i].wrapper, wrappers) == -1) {
+            wrappers.push(keyframes[i].wrapper);
+          }
+          for(j=0;j<keyframes[i].animations.length;j++) { // loop animations
+            Object.keys(keyframes[i].animations[j]).forEach(function(key) { // loop properties
+              value = keyframes[i].animations[j][key];
+              if(key !== 'selector' && value instanceof Array === false) {
+                var valueSet = [];
+                valueSet.push(getDefaultPropertyValue(key), value);
+                value = valueSet;
+              }
+              keyframes[i].animations[j][key] = value;
+            });
+          }
+      }
+      $body.height(bodyHeight);
+      $window.scroll(0);
+      currentWrapper = wrappers[0];
+      $(currentWrapper).show();
+    }
+
+    convertAllPropsToPx = function() {
+      var i, j, k;
+      for(i=0;i<keyframes.length;i++) { // loop keyframes
+        keyframes[i].duration = convertPercentToPx(keyframes[i].duration, 'y');
+        for(j=0;j<keyframes[i].animations.length;j++) { // loop animations
+          Object.keys(keyframes[i].animations[j]).forEach(function(key) { // loop properties
+            value = keyframes[i].animations[j][key];
+            if(key !== 'selector') {
+              if(value instanceof Array) { // if its an array
+                for(k=0;k<value.length;k++) { // if value in array is %
+                  if(typeof value[k] === "string") {
+                    if(key === 'translateY') {
+                      value[k] = convertPercentToPx(value[k], 'y');
+                    } else {
+                      value[k] = convertPercentToPx(value[k], 'x');
+                    }
+                  }
+                } 
+              } else {
+                if(typeof value === "string") { // if single value is a %
+                  if(key === 'translateY') {
+                    value = convertPercentToPx(value, 'y');
+                  } else {
+                    value = convertPercentToPx(value, 'x');
+                  }
+                }
+              }
+              keyframes[i].animations[j][key] = value;
+            }
+          });
+        }
+      }
+    }
+
+    getDefaultPropertyValue = function(property) {
+      switch (property) {
+        case 'translateX':
+          return 0;
+        case 'translateY':
+          return 0;
+        case 'scale':
+          return 1;
+        case 'rotate':
+          return 0;
+        case 'opacity':
+          return 1;
+        default:
+          return null;
+      }
+    }
+
+    /*  Animation/Scrolling
+    -------------------------------------------------- */
+    updatePage = function() {
+      window.requestAnimationFrame(function() {
+        setScrollTops();
+        if(scrollTop > 0 && scrollTop <= (bodyHeight - windowHeight)) {
+          animateElements();
+          setKeyframe();
+        }
+      });
+    }
+
+    setScrollTops = function() {
+      scrollTop = $window.scrollTop();
+      relativeScrollTop = scrollTop - prevKeyframesDurations;
+    }
+
+    animateElements = function() {
+      var animation, translateY, translateX, scale, rotate, opacity;
+      for(var i=0;i<keyframes[currentKeyframe].animations.length;i++) {
+        animation   = keyframes[currentKeyframe].animations[i];
+        translateY  = calcPropValue(animation, 'translateY');
+        translateX  = calcPropValue(animation, 'translateX');
+        scale       = calcPropValue(animation, 'scale');
+        rotate      = calcPropValue(animation, 'rotate');
+        opacity     = calcPropValue(animation, 'opacity');
+
+        $(animation.selector).css({
+          'transform':    'translate3d(' + translateX +'px, ' + translateY + 'px, 0) scale('+ scale +') rotate('+ rotate +'deg)',
+          'opacity' : opacity
+        })
+      }
+    }
+
+    calcPropValue = function(animation, property) {
+      var value = animation[property];
+      if(value) {
+        value = easeInOutQuad(relativeScrollTop, value[0], (value[1]-value[0]), keyframes[currentKeyframe].duration);
+      } else {
+        value = getDefaultPropertyValue(property);
+      }
+      // value = +value.toFixed(2) 
+      // TEMPORARILY REMOVED CAUSE SCALE DOESN'T WORK WITHA AGRESSIVE ROUNDING LIKE THIS
+      return value;
+    }
+
+    easeInOutQuad = function (t, b, c, d) {
+      //sinusoadial in and out
+      return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+    };
+
+    setKeyframe = function() {
+      if(scrollTop > (keyframes[currentKeyframe].duration + prevKeyframesDurations)) {
+          prevKeyframesDurations += keyframes[currentKeyframe].duration;
+          currentKeyframe++;
+          showCurrentWrappers();
+      } else if(scrollTop < prevKeyframesDurations) {
+          currentKeyframe--;
+          prevKeyframesDurations -= keyframes[currentKeyframe].duration;
+          showCurrentWrappers();
+      }
+    }
+
+    showCurrentWrappers = function() {
+      var i;
+      if(keyframes[currentKeyframe].wrapper != currentWrapper) {
+        $(currentWrapper).hide();
+        $(keyframes[currentKeyframe].wrapper).show();
+        currentWrapper = keyframes[currentKeyframe].wrapper;
+      }
+    }
+
+    /*  Helpers
+    -------------------------------------------------- */
+
+    convertPercentToPx = function(value, axis) {
+      if(typeof value === "string" && value.match(/%/g)) {
+        if(axis === 'y') value = (parseFloat(value) / 100) * windowHeight;
+        if(axis === 'x') value = (parseFloat(value) / 100) * windowWidth;
+      }
+      return value;
+    }
+
+    throwError = function() {
+      $body.addClass('page-error')
+    }
+
+    isTouchDevice = function() {
+      return 'ontouchstart' in window // works on most browsers 
+      || 'onmsgesturechange' in window; // works on ie10
+    }
+
+    init();
+
+  })
+}).call(this);
\ No newline at end of file