var cirularProgressModule = require("ti.circularprogress");
var win = Ti.UI.createWindow({backgroundColor: '#fff'});
var btn = Ti.UI.createButton({title: "animate from 0", bottom: 50});
var btn2 = Ti.UI.createButton({title: "set random value", bottom: 100});
var btn3 = Ti.UI.createButton({title: "change track", bottom: 150});
var lbl = Ti.UI.createLabel({
	color: '#bbffffff', width: Ti.UI.SIZE,height: Ti.UI.SIZE, textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
	font: { fontFamily: 'Arial', fontSize: 44, fontWeight: 'bold' },
	shadowColor: '#77000000',	shadowRadius: 4, shadowOffset: {x: 1, y: 1}, text: ''
});

var circularProgessView = cirularProgressModule.createCircularProgress({
	height: 200,
	width: 200,
	trackColor: '#777',
	progressColor: ['#f00', "#ff0"],
	roundedCorners: false,
	progressWidth: 20,
	trackWidth: 10,
	duration: 150,
	progressValue: 10,
	gradientRotateSpeed: 1.0,
	glowAmount: 0.2,
	startingAngle: 90
});

circularProgessView.addEventListener('done', function() {
	console.log("reached end value");
	lbl.text = circularProgessView.progressValue + "%";
});

circularProgessView.addEventListener('progress', function(e) {
	console.log("progress: ", e.progress);
	lbl.text = Math.round(e.progress) + "%";
});

btn.addEventListener("click", function() {
	circularProgessView.animateProgress({
		startValue: 0,
		endValue: 100,
		duration: 2000
	});
})

btn2.addEventListener("click", function() {
	var rnd = Math.round(Math.random() * 100);
	circularProgessView.progressValue = rnd;
	lbl.text = rnd + "%";
})

btn3.addEventListener("click", function() {
	circularProgessView.trackWidth = Math.round(Math.random() * 10) + 10;
	circularProgessView.progressWidth = Math.round(Math.random() * 10) + 10;
	circularProgessView.roundedCorners = circularProgessView.roundedCorners == true ? circularProgessView.roundedCorners = false : circularProgessView.roundedCorners = true;

	console.log("trackWidth: ", circularProgessView.trackWidth);
	console.log("progressWidth: ", circularProgessView.progressWidth);
	console.log("roundedCorners: ", circularProgessView.roundedCorners);
})

win.add([circularProgessView, btn, btn2, btn3, lbl])
win.open();