code: function ( e ) {
  
  	    var name = this.testZone( e.clientX, e.clientY );
  
  	    var off, d, hue, sat, lum;
  
  	    if( name === 'title' ){
  
  	        this.cursor('pointer');
  
  	    }
  
  	    if( name === 'color' ){
  
  	    	this.cursor('crosshair');
  
  	    	if( this.isDown ){
  
  	    		off = this.offset;
  		    	off.x = e.clientX - ( this.zone.x + this.decal.x + this.mid );
  		    	off.y = e.clientY - ( this.zone.y + this.decal.y + this.mid );
  			    d = off.length() * this.ratio;
  
  			    if ( d < 128 ) {
  				    if ( d > 88 ) {
  
  				        hue = ( off.angle() + this.pi90 ) / 6.28;
  				        this.setHSL([(hue + 1) % 1, this.hsl[1], this.hsl[2]]);
  
  				    } else {
  
  
  				    	sat = Math.max( 0, Math.min( 1, 0.5 - ( off.x * this.square * 0.5 ) ) );
  				        lum = Math.max( 0, Math.min( 1, 0.5 - ( off.y * this.square * 0.5 ) ) );
  				        this.setHSL([this.hsl[0], sat, lum]);
  
  				    }
  				}
  			}
  		}
  
  	    //console.log(this.isDraw)
  
  
  	}
docs: /*down: function( e ){
  
  if(!this.isOpen) return;
  this.isDown = true;
  this.move( e );
  return false;
  
  
  },