code: function(element, options){
  		this.element = $(element);
  		var format = options.format||this.element.data('color-format')||'hex';
  		this.format = CPGlobal.translateFormats[format];
  		this.isInput = this.element.is('input');
  		this.component = this.element.is('.color') ? this.element.find('.add-on') : false;
  		
  		this.picker = $(CPGlobal.template)
  							.appendTo('body')
  							.on('mousedown', $.proxy(this.mousedown, this));
  		
  		if (this.isInput) {
  			this.element.on({
  				'focus': $.proxy(this.show, this),
  				'keyup': $.proxy(this.update, this)
  			});
  		} else if (this.component){
  			this.component.on({
  				'click': $.proxy(this.show, this)
  			});
  		} else {
  			this.element.on({
  				'click': $.proxy(this.show, this)
  			});
  		}
  		if (format === 'rgba' || format === 'hsla') {
  			this.picker.addClass('alpha');
  			this.alpha = this.picker.find('.colorpicker-alpha')[0].style;
  		}
  		
  		if (this.component){
  			this.picker.find('.colorpicker-color').hide();
  			this.preview = this.element.find('i')[0].style;
  		} else {
  			this.preview = this.picker.find('div:last')[0].style;
  		}
  		
  		this.base = this.picker.find('div:first')[0].style;
  		this.update();
  	}
docs: Picker object