jQuery UI Wheel

defaults: {
	angleoffset: 0,
	anglespan: 360,
	background: '',
	format: false,
	constraint: false,
	disabled: false,
	max: 100,
	min: 0,
	precision: 0,
	radius: false,
	showtext: true,
	texteditable: true,
	value: false
}

$('#wheel2').wheel('option', 'max', 50).wheel('option', 'background', '../../style/circle_100x100_border-only-inner.png').wheel('option', 'radius', 45);

value="150" in the markup is constrained to min/max

$('#wheel3').wheel('option', 'max', 50).wheel('option', 'anglespan', 180).wheel('option', 'textvisible', false);

$('#wheel4').wheel('option', 'max', 50).wheel('option', 'anglespan', 180).wheel('option', 'angleoffset', 50).wheel('option', 'texteditable', false);

disabled attribute in the markup

$('#wheelformat').wheel('option', 'min', 1).wheel('option', 'max', 5).wheel('option', 'format', function (value) {
	var values = [ 'one', 'two', 'three', 'four', 'five' ];
	var intvalue = parseInt(value) - 1;
	return (intvalue >= 0 && intvalue < values.length ? values[intvalue] : '?');
});

$('#wheelconstraint').wheel('option', 'constraint', function (value) {
	var intvalue = parseInt(value);
	return (intvalue % 2 != 0 ? intvalue+1 : intvalue);
});