<?xml version="1.0" encoding="utf-8"?>

<!-- Demo of the DragPanel and Reflector components.
     Author: Narciso Jaramillo, nj_flex@rictus.com -->
         
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:reflector="com.rictus.reflector.*" 
    xmlns:dragpanel="com.rictus.dragpanel.*"
    layout="absolute" backgroundColor="#000000" viewSourceURL="srcview/index.html">
    
    <dragpanel:DragPanel id="panel" width="280" height="90" layout="absolute" title="Live Reflection Panel - Drag Me"
        color="#FFFFFF" horizontalCenter="0.5" verticalCenter="0">
        <mx:Label x="10" y="7" text="Alpha:" color="#000000"/>
        <mx:HSlider id="alphaSlider" x="61" y="3" liveDragging="true" showDataTip="false" 
            width="159" minimum="0.0" maximum="1.0" value="0.3" snapInterval="0.01"/>
        <mx:Label x="217" y="6" text="{alphaSlider.value}" color="#000000" width="36"/>
        <mx:Label x="10" y="28" text="Falloff:" color="#000000"/>
        <mx:HSlider id="falloffSlider" x="61" y="24" liveDragging="true" showDataTip="false" 
            width="159" minimum="0.0" maximum="1.0" value="0.7" snapInterval="0.01"/>
        <mx:Label x="217" y="30" text="{falloffSlider.value}" color="#000000" width="36"/>
    </dragpanel:DragPanel>
    
    <reflector:Reflector target="{panel}" alpha="{alphaSlider.value}" falloff="{falloffSlider.value}"/>
    
</mx:Application>