<?xml version="1.0" encoding="utf-8"?>
<mx:Application initialize="init()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:utils="flexed.utils.timeout.*" backgroundGradientColors="[#000000, #39579d]">
    <mx:Script>
        <![CDATA[
            import mx.events.DynamicEvent;
            import mx.controls.Alert;
            
            //passed to the component as value of onTimeOut attribute
            private function onTimeOutHandler(e:Event=null):void{
                Alert.show("The Client has been timed out due to inactivity","Timeout Message by Method call");
            }
            
            //adding an event listener for the appTimedOut event.
            private function init():void{
                this.addEventListener("appTimedOut",appTimedOutHandler);
            }
            
            //Fired when the appTimedOut event occurs in the component
            private function appTimedOutHandler(devent:DynamicEvent):void{
                var expiryTime:String = devent.expiryTime.toString();
                Alert.show("The Client has been timed out at "+expiryTime,"Timeout Message by Event trigger");
            }
        ]]>
    </mx:Script>
    <mx:Style>
        Panel{
            drop-shadow-enabled:true;
            corner-radius :5;
            header-colors : #90a4d1, #5970a0;
               footer-colors : #9db6d9, #ffffff;
            headerHeight: 25;
            titleStyleName: "title";
            color:#0f3177;
            font-weight:normal;
            font-size: 10;
            vertical-gap: 0;
            horizontal-gap: 0;
            border-color : #5970a0;
               borderAlpha: 1;
               border-thickness: 1;
               border-style :solid;
               padding-left:0;
               padding-right:0;
        }
        .title{
            font-family: verdana;
            font-size: 10;
            font-weight:bold;
            color:#FFFFFF;
        }
    </mx:Style>
    <utils:ClientIdleTimeOut id="myTimeOut" onTimeOut="onTimeOutHandler" listenKeyStroke="true" listenMouseMove="true" timeOutInterval="3" confirmInterval="2" />
    <mx:Panel title="Idle Timeout Example" width="353" height="162" layout="absolute" backgroundColor="#ffffff" horizontalCenter="0" verticalCenter="0">
        <mx:TextInput height="54" fontSize="36" text="kk" width="242" color="#eec520" cornerRadius="6" borderStyle="solid" borderColor="#000000" horizontalCenter="0" verticalCenter="0"/>
    </mx:Panel>
</mx:Application>