<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:graphics="com.cynergysystems.graphics.*" 
    xmlns="*" layout="absolute"
    creationComplete="onCreationComplete()"
    >
    
    <mx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            import mx.controls.Alert; 
            
            private function onCreationComplete() : void
            {
                this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
            }

            private function onEnterFrame( event : Event ):void
            {
                bitmapDataTarget.source = new Bitmap( getUIComponentBitmapData( videoDisplay ) );
            }
            
            private function getUIComponentBitmapData( target : UIComponent ) : BitmapData
            { 
                var bd : BitmapData = new BitmapData( target.width, target.height );
                var m : Matrix = new Matrix();
                bd.draw( target, m );
                return bd;  
            }
            
        ]]>
    </mx:Script>
    
    <mx:HBox width="100%" height="100%"
        paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5" >

        <mx:Panel   
            title="FLV Video"
            id="videoContainer" horizontalScrollPolicy="off" verticalScrollPolicy="off">
            
            <mx:VideoDisplay id="videoDisplay" source="BigWavesurfing.flv"  />
            
        </mx:Panel>
        
        <mx:Panel  
            title="Mirror Image:" layout="absolute" horizontalScrollPolicy="off" verticalScrollPolicy="off"
            width="{videoContainer.width}" height="{videoContainer.height}" >
            
            <mx:Image id="bitmapDataTarget" />    
            
        </mx:Panel>
    
    </mx:HBox>
    
    
</mx:Application>