import Ember from 'ember';

function clamp(min, val, max) {
	return Math.max(min, Math.min(val, max));
};

export default Ember.Component.extend({
  classNames: ['container'],

  bindScroll() {
    Ember.run.scheduleOnce('afterRender', this, function() {
			const $e = this.element;

      const scrollHandler = (event) => {
        this.scrolled(event);
      };

    	$e.addEventListener("mousewheel", scrollHandler, false);
    	$e.addEventListener("DOMMouseScroll", scrollHandler, false);
    });
  },

  didInsertElement: function() {
    this.bindScroll();
  },

  willDestroyElement: function() {
    this.unbindScrolling();
  },

  scrolled(event) {
    var e = event;
    var delta = - 20 * (Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))));
    console.log(delta);

    const offset = this.$('.parallax').scrollLeft();
    console.log(offset);

    var pst = clamp(0, offset + delta, 3755);
    this.$('.parallax').scrollLeft(pst);
  }
});