<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    width="400" height="250" viewSourceURL="srcview/index.html">
    
    <!--Button Glow effects-->
    <mx:Glow id="glowButton" duration="100"
            alphaFrom="0" alphaTo="1"
            blurXFrom="0.0" blurXTo="30.0" 
            blurYFrom="0.0" blurYTo="30.0"  strength="2"
            color="0xCCFFCC" />
    
    <mx:Glow id="unglowButton" duration="800"  
            alphaFrom="1" alphaTo="0"
            blurXFrom="30.0" blurXTo="0.0"
            blurYFrom="30.0" blurYTo="0.0"  strength="2"
            color="0xCCFFCC" />
    
    
    <!--Img Glow Effects-->
    <mx:Glow id="glowImage" duration="100"
            alphaFrom="0" alphaTo="1"
            blurXFrom="0.0" blurXTo="30.0" 
            blurYFrom="0.0" blurYTo="30.0"  strength="2"
            color="0xCC0000" target="{meAndPops}"/>
    
    <mx:Glow id="unglowImage" duration="800"  
            alphaFrom="1" alphaTo="0"
            blurXFrom="30.0" blurXTo="0.0"
            blurYFrom="30.0" blurYTo="0.0"  strength="2"
            color="0xCC0000" target="{meAndPops}"/>
            
    <mx:Label text="Click to view mouseDown and mouseUp glow"/>
    <!--Using the built in mouse down and up effects to fire glow-->    
    <mx:Button x="306" y="68" label="Button" mouseDownEffect="{glowButton}" mouseUpEffect="{unglowButton}"/>
    <mx:Label text="Roll over to play mouseOver and mouseOut glow"/>
    <!--Roll over example where the glow effect is binded to the img-->
    <mx:Image id="meAndPops" source="assets/images/IMG00069.jpg" width="135" height="100" mouseOver="glowImage.play();" mouseOut="unglowImage.play();" />
    
    
</mx:Application>