gistfile1.js

var Slider = function (options) {
  var defaults = {
		horizontal: false,
		vertical: true,
		y: 0.5,
		animationCallback: function (x, y) {
			var frame = Math.ceil(y * 35);
			this.wrapper.parentNode.className = 'snicker-blue ' + 'snicker-tiptop-' + frame;
		}
	};
	var drag = new Dragdealer(wrapper, Object.merge(defaults, options));

	Mousetrap.bind(options.keys.increase, function (event, combo) {
		console.log('increase');
	});
	Mousetrap.bind(options.keys.decrease, function (event, combo) {
		console.log('decrease');
	});

	return drag;
};

var sliderTip = new Slider({
	wrapper: 'slider-tip',
	keys: {
		increase: 'q',
		decrease: 'a'
	}
});