Key = function(note, offset){

		/**
		 * The note
		 * @type {String}
		 * @private
		 */
		this.note = note;

		/**
		 * The key offset between the start note
		 * and this note
		 * @type {Number}
		 * @private
		 */
		this._offset = offset;

		/**
		 * The key offset between the start note
		 * and this note
		 * @type {Number}
		 * @private
		 */
		this.isSharp = this.note.indexOf("#") !== -1;

		/**
		 * If the note is highlighted or not
		 * @type {Boolean}
		 * @private
		 */
		this._isHighlighted = false;

		/**
		 * The highlight color
		 * @type {String}
		 * @private
		 */
		this._highlightColor = "";

		//defaults to rainbow
		this.setHighlightColor("rainbow");

		this._computeBoundingBox();
		//listen for mouse and touch events
		// this._canvas.on("mousedown", this._mousedown.bind(this));
	}
@class Represents a single key
@param {HTML Canvas}
@param {String} note
@param {String} startNote
@param {String} endNote