| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 | 
							- $(function () {
 
-     $('.knob').knob({
 
-         draw: function () {
 
-             // "tron" case
 
-             if (this.$.data('skin') == 'tron') {
 
-                 var a = this.angle(this.cv)  // Angle
 
-                     , sa = this.startAngle          // Previous start angle
 
-                     , sat = this.startAngle         // Start angle
 
-                     , ea                            // Previous end angle
 
-                     , eat = sat + a                 // End angle
 
-                     , r = true;
 
-                 this.g.lineWidth = this.lineWidth;
 
-                 this.o.cursor
 
-                     && (sat = eat - 0.3)
 
-                     && (eat = eat + 0.3);
 
-                 if (this.o.displayPrevious) {
 
-                     ea = this.startAngle + this.angle(this.value);
 
-                     this.o.cursor
 
-                         && (sa = ea - 0.3)
 
-                         && (ea = ea + 0.3);
 
-                     this.g.beginPath();
 
-                     this.g.strokeStyle = this.previousColor;
 
-                     this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
 
-                     this.g.stroke();
 
-                 }
 
-                 this.g.beginPath();
 
-                 this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
 
-                 this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
 
-                 this.g.stroke();
 
-                 this.g.lineWidth = 2;
 
-                 this.g.beginPath();
 
-                 this.g.strokeStyle = this.o.fgColor;
 
-                 this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
 
-                 this.g.stroke();
 
-                 return false;
 
-             }
 
-         }
 
-     });
 
- });
 
 
  |