$("#myap").anglePicker({
	});
	

	$("#myap1").anglePicker({
		flat : true
		,enableCenter: true
		,value: null
	});
	

	$("#myap1a").anglePicker({
		flat : true
		,enableCenter: true
		,showValueEnabled: false
		,value: null
	});
	

	$("#myap2").anglePicker({
		flat : true
		,value: 41
	});
	

	$("#myap3").anglePicker({
		flat : true
		,handleSize: 20
	});
	

	$("#myap4").anglePicker({
		flat : true
		,snap: 45
	});
	

	$("#myap5").anglePicker({
		flat : true
		,size: 100
	});
	

	$("#myap6").anglePicker({
		flat : true
		,enableCenter: true
		, move: function(evt,data) {
			var val = "" + data.value;
			if (val != "null")
				val += "°";
			$("#myap6val2").html(val);
		}
		, change: function(evt,data) {
			var val = "" + data.value;
			if (val != "null")
				val += "°";
			$("#myap6val").html(val);
		}
	});
	

	$("#myap7").anglePicker({
		flat : true
		,start: -90
	});
	

	$("#myap8").anglePicker({
		flat : true
		,clockwise: false
	});
	

	$("#myap9").anglePicker({
		flat : true
		,clockwise: false
		,start: -90
	});
	

	$("#myap10").anglePicker({
		flat : true
		, enableCenter: true
		, showValue: true
		, showValueCenter: true
	});
	

	$("#myap11").anglePicker({
		flat : true
		, enableCenter: true
		, showValueAlwaysEnabled: true
	});
	

	$("#myap100").anglePicker({	
		flat: true
		, value: 90
		, enableCenter: true
		, centerSize: 80
		, size: 100
		, handleSize: 20
		, handleType: "default"
		, snap: 45
		, showValue: true
		, decimalPlaces: 0
		, appendTo: "body"
		,change : function(evt, data) {
			console.log("change:"+data.value);
		}
	});
	

	$("#myap110").anglePicker({
		flat : true
		,enableCenter: true
	});
	$("#myap110-button1").click(function() {
		$("#myap110").anglePicker("setValue",45);
	});
	$("#myap110-button2").click(function() {
		$("#myap110").anglePicker("setValue",null);
	});

	

	$("#myap120").anglePicker({
		flat : true
		, enableCenter: true
		, showValue: true
		, showValueCenter: true
		, snap: 5
		, snapRelax: true
	});
	

---