code: function Draggable(el, options)
  	{
  		this.options = $.extend({}, defaults, options);
  		this.$body = $(document.body);
  		this.$container = $(el);
  		this.$dragitems = $(this.options.items, this.$container);
  		this.is_dragging = false;
  		this.player_min_left = 0 + this.options.offset_left;
  		this.init();
  	}
docs: Basic drag implementation for DOM elements inside a container.
  Provide start/stop/drag callbacks.
  
  @class Draggable
  @param {HTMLElement} el The HTMLelement that contains all the panes
  to be dragged.
  @param {Object} [options] An Object with all options you want to
  overwrite:
  @param {HTMLElement|String} [options.items] Define who will
  be the draggable items. Can be a CSS Selector String or a
  collection of HTMLElements.
  @param {Number} [options.distance] Distance in pixels after mousedown
  the mouse must move before dragging should start.
  @param {Boolean} [options.limit] Constrains dragging to the width of
  the container
  @param {offset_left} [options.offset_left] Offset added to the item
  that is being dragged.
  @param {Number} [options.drag] Executes a callback when the mouse is
  moved during the dragging.
  @param {Number} [options.start] Executes a callback when the drag
  starts.
  @param {Number} [options.stop] Executes a callback when the drag stops.
  @return {Object} Returns `el`.
  @constructor