<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:yahoo="http://www.yahoo.com/astra/2006/mxml"
	layout="vertical" applicationComplete="init()">
	<yahoo:TimeInput id="countDown" showAMPM="false" useTwelveHourFormat="false" enabled="false"
		backgroundDisabledColor="0x000000" disabledColor="0xffffff" borderStyle="none"/>
	<mx:Button label="Reset" click="beginCountDown()"/>
	<mx:Script>
		<![CDATA[
			import flash.utils.getTimer;
			import flash.utils.Timer;
			import flash.events.TimerEvent;
		
			private var _lastUpdate:uint;
			private var _timer:Timer;
		
			private function init():void
			{
				this._timer = new Timer(500);
				this._timer.addEventListener(TimerEvent.TIMER, timerHandler);
				this.beginCountDown();
			}
		
			private function beginCountDown():void
			{
				//30 seconds
				var totalTime:Date = new Date(0, 0, 0, 0, 0, 30);
				countDown.value = totalTime;
				this.countDown.setStyle("backgroundDisabledColor", 0x000000);
				
				this._lastUpdate = getTimer();
				if(!this._timer.running)
				{
					this._timer.start();
				}
			}
			
			private function timerHandler(event:TimerEvent):void
			{
				var now:uint = getTimer();
				if(now - this._lastUpdate >= 1000)
				{
					var totalTime:Date = this.countDown.value;
					totalTime.seconds--;
					this.countDown.value = totalTime;
					if(totalTime.seconds == 0)
					{
						this._timer.stop();
						this.countDown.setStyle("backgroundDisabledColor", 0x990000);
					}
					else this._lastUpdate = getTimer();
				}
			}
		]]>
	</mx:Script>
</mx:Application>