<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx        ="http://www.adobe.com/2006/mxml"    
    viewSourceURL    ="srcview/index.html"
    xmlns:ui        ="ui.*"
    layout            ="absolute"
    width            ="100%"
    height            ="100%"
 >
    <!---
        <p>
            Sample 1 - demonstrates problem in attempting to overlay video
        </p><p>
            Copright © 2009 creative-cognition ltd
            http://www.creative-cognition.co.uk
            http://blog.creacog.co.uk
        </p><p>
            License: The MIT License: http://www.opensource.org/licenses/mit-license.php
        </p>
    -->
    
    <ui:DragablePanel
        id                        ="displayContainer"
        title                    ="VideoDisplay Sample 1"
        layout                    ="absolute"
        x                        ="20"
        y                        ="20"
        width                    ="60%"
        height                    ="60%"
        minWidth                ="100"
        minHeight                ="100"
        resizable                ="true"
        horizontalScrollPolicy    ="off"
        verticalScrollPolicy    ="off"
    >
        <!-- FILL THE CONTAINER WITH THE VIDEODISPLAY -->
        <mx:VideoDisplay
            id            ="videoDisplay"
            autoRewind    ="true"
            autoPlay    ="false"
            width        ="100%"
            height        ="100%"
            source        ="VideoSampleForFlex.mp4"
        />
        
        <!-- 1ST ATTEMPT TO OVERLAY THE VIDEO RELATIVE TO THE TOP RIGHT CORNER -->
        <mx:Image
            id            ="overlayImage"
            source        ="@Embed('assets/overlayShape.png')"
            top            ="10"
            right        ="10"
        />
        
    </ui:DragablePanel>
    
    <ui:VideoControls
        bottom            ="0"
        horizontalCenter="0"
        videoDisplay    ="{videoDisplay}"
    />
    
</mx:Application>