<?xml version='1.0' encoding='UTF-8'?>
<s:Application
xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:lib="assets.graphics.Chromatic_Si.*"
xmlns:flm="http://ns.adobe.com/flame/2008"
xmlns:d="http://ns.adobe.com/fxg/2008/dt"
xmlns:ai="http://ns.adobe.com/ai/2009"
xmlns:ATE="http://ns.adobe.com/ate/2009"
xmlns:j="JIMS_Sonoflash.*"
height="202" width="535"
backgroundColor="#ffffff"
preloaderBaseColor="#ffffff"
creationComplete="appCreationCompleteHandler(event)" viewSourceURL="srcview/index.html">
<s:states>
<s:State name="Start" fc:color="0xcc0000"/>
<s:State name="Do"/>
<s:State name="Di"/>
<s:State name="Re"/>
<s:State name="Me"/>
<s:State name="Mi"/>
<s:State name="Fa"/>
<s:State name="Fi"/>
<s:State name="So"/>
<s:State name="Si"/>
<s:State name="La"/>
<s:State name="Te"/>
<s:State name="Ti"/>
<s:State name="Do2"/>
</s:states>
<fx:DesignLayer d:id="2" ai:objID="5288f750" d:userLabel="Layer 1" id="designlayer1">
<fx:DesignLayer d:id="3" ai:objID="56999be0" d:userLabel="Notes">
<s:Group ai:objID="67037cc0" x="167" y="4">
<s:Ellipse id="Do2" height="40" ai:objID="67037db0" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="4" kerning="on" lineHeight="120%" ai:objID="67038360" textAlign="center" whiteSpaceCollapse="preserve" x="4" y="11" d:userLabel="Do">
<s:content><s:p d:id="5" whiteSpaceCollapse="collapse"><s:span d:id="6">Do</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="670388a0" x="86" y="4">
<s:Ellipse id="Te" height="40" ai:objID="67038ae0" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="7" kerning="on" lineHeight="120%" ai:objID="67039090" textAlign="center" whiteSpaceCollapse="preserve" x="7" y="11" d:userLabel="Te">
<s:content><s:p d:id="8" whiteSpaceCollapse="collapse"><s:span d:id="9">Te</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="67039890" x="6" y="4">
<s:Ellipse id="Le" height="40" ai:objID="670399b0" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="12" kerning="on" lineHeight="120%" ai:objID="67039c60" textAlign="center" whiteSpaceCollapse="preserve" x="6" y="11" d:userLabel="Le">
<s:content><s:p d:id="13" whiteSpaceCollapse="collapse"><s:span d:id="14">Le</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="67039e70" x="366" y="43">
<s:Ellipse id="Ti" height="40" ai:objID="67039f90" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="15" kerning="on" lineHeight="120%" ai:objID="6703a240" textAlign="center" whiteSpaceCollapse="preserve" x="11" y="11" d:userLabel="Ti">
<s:content><s:p d:id="16" whiteSpaceCollapse="collapse"><s:span d:id="17">Ti</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703a470" x="286" y="43">
<s:Ellipse id="La" height="40" ai:objID="6703a590" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="18" kerning="on" lineHeight="120%" ai:objID="6703a820" textAlign="center" whiteSpaceCollapse="preserve" x="7" y="11" d:userLabel="La">
<s:content><s:p d:id="19" whiteSpaceCollapse="collapse"><s:span d:id="20">La</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703aa40" x="207" y="43">
<s:Ellipse id="So" height="40" ai:objID="6703ab60" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="21" kerning="on" lineHeight="120%" ai:objID="6703adf0" textAlign="center" whiteSpaceCollapse="preserve" x="5" y="11" d:userLabel="So">
<s:content><s:p d:id="22" whiteSpaceCollapse="collapse"><s:span d:id="23">So</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703b010" x="127" y="43">
<s:Ellipse id="Fa" height="40" ai:objID="6703b130" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="24" kerning="on" lineHeight="120%" ai:objID="6703b3c0" textAlign="center" whiteSpaceCollapse="preserve" x="6.013" y="11" d:userLabel="Fa">
<s:content><s:p d:id="25" whiteSpaceCollapse="collapse"><s:span d:id="26">Fa</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703b5e0" x="48" y="43">
<s:Ellipse id="Me" height="40" ai:objID="6703b700" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="27" kerning="on" lineHeight="120%" ai:objID="6703b990" textAlign="center" whiteSpaceCollapse="preserve" x="3" y="11" d:userLabel="Me">
<s:content><s:p d:id="28" whiteSpaceCollapse="collapse"><s:span d:id="29">Me</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703bbb0" x="486" y="82">
<s:Ellipse id="Si" height="40" ai:objID="6703bcd0" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="30" kerning="on" lineHeight="120%" ai:objID="6703bf60" textAlign="center" whiteSpaceCollapse="preserve" x="10" y="11" d:userLabel="Si">
<s:content><s:p d:id="31" whiteSpaceCollapse="collapse"><s:span d:id="32">Si</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703c180" x="406" y="83">
<s:Ellipse id="Fi" height="40" ai:objID="6703c270" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="33" kerning="on" lineHeight="120%" ai:objID="6703c540" textAlign="center" whiteSpaceCollapse="preserve" x="11" y="11.044" d:userLabel="Fi">
<s:content><s:p d:id="34" whiteSpaceCollapse="collapse"><s:span d:id="35">Fi</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703c780" x="326" y="83">
<s:Ellipse id="Mi" height="40" ai:objID="6703c8a0" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="36" kerning="on" lineHeight="120%" ai:objID="6703cb30" textAlign="center" whiteSpaceCollapse="preserve" x="8" y="11.044" d:userLabel="Mi">
<s:content><s:p d:id="37" whiteSpaceCollapse="collapse"><s:span d:id="38">Mi</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703cd70" x="247" y="83">
<s:Ellipse id="Re" height="40" ai:objID="6703ce90" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="39" kerning="on" lineHeight="120%" ai:objID="6703d120" textAlign="center" whiteSpaceCollapse="preserve" x="4" y="11" d:userLabel="Re">
<s:content><s:p d:id="40" whiteSpaceCollapse="collapse"><s:span d:id="41">Re</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703d360" x="167" y="83">
<s:Ellipse id="Do" height="40" ai:objID="6703d480" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0x000000" fontFamily="Helvetica" fontSize="27" d:id="42" kerning="on" lineHeight="120%" ai:objID="6703d710" textAlign="center" whiteSpaceCollapse="preserve" x="4" y="11" d:userLabel="Do">
<s:content><s:p d:id="43" whiteSpaceCollapse="collapse"><s:span d:id="44">Do</s:span></s:p></s:content>
</s:RichText>
</s:Group>
<s:Group ai:objID="6703d950" x="446" y="123">
<s:Ellipse id="Di" height="40" ai:objID="6703da70" width="40" x="1.5" y="1.5">
<s:fill>
<s:SolidColor/>
</s:fill>
<s:stroke>
<s:SolidColorStroke caps="none" joints="miter" miterLimit="4" scaleMode="normal" weight="3"/>
</s:stroke>
</s:Ellipse>
<s:RichText color="0xFFFFFF" fontFamily="Helvetica" fontSize="27" d:id="45" kerning="on" lineHeight="120%" ai:objID="6703dd00" textAlign="center" whiteSpaceCollapse="preserve" x="8" y="10" d:userLabel="Di">
<s:content><s:p d:id="46" whiteSpaceCollapse="collapse"><s:span d:id="47">Di</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</fx:DesignLayer>
<fx:DesignLayer d:id="48" ai:objID="6703df40" d:userLabel="Arrows" visible.Start="false" id="designlayer2">
<s:Group id="TiDo2" ai:objID="6703e270" d:userLabel="TiDo2" x="208" y="22" visible.Ti="false" visible.Te="false" visible.La="false" visible.Si="false" visible.So="false" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="49" flm:knockout="false" ai:objID="6703e360" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="6703e450" x="0" y="0">
<s:Line ai:objID="6703e5d0" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="6703eaa0" winding="nonZero" x="0.29" y="0.618">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="6703f880" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="6703f9a0" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="50" kerning="on" lineHeight="120%" ai:objID="6703ff00" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="51" whiteSpaceCollapse="collapse"><s:span d:id="52">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="TeTi" ai:objID="67040600" d:userLabel="TeTi" x="125" y="12" visible.Te="false" visible.La="false" visible.Si="false" visible.So="false" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="53" flm:knockout="false" ai:objID="670406f0" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67040810" x="0" y="0">
<s:Line ai:objID="67040990" x="1" xTo="232" y="1" yTo="57">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF00FF" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 10.967 7.724 C 7.467 8.134 2.991 9.198 0 10.749 L 3.25 5.847 L 2.614 0 C 4.559 2.752 8.047 5.753 10.967 7.724 Z" ai:objID="67040e30" winding="nonZero" x="229.123" y="51.96">
<s:fill>
<s:SolidColor color="0xFF00FF"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="6704bab0" x="217" y="51">
<s:Rect alpha="0.66" height="8" ai:objID="6704bbd0" width="14" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="54" kerning="on" lineHeight="120%" ai:objID="6704c130" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="A1">
<s:content><s:p d:id="55" whiteSpaceCollapse="collapse"><s:span d:id="56">A1</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="LaTe" ai:objID="6704c820" d:userLabel="LaTe" x="129" y="19" visible.La="false" visible.Si="false" visible.So="false" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="57" flm:knockout="false" ai:objID="6704c910" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="6704ca30" x="0" y="0">
<s:Line ai:objID="6704cbb0" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="6704d050" winding="nonZero" x="0.279" y="0.523">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="6704d530" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="6704d6b0" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="58" kerning="on" lineHeight="120%" ai:objID="6704d910" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="59" whiteSpaceCollapse="collapse"><s:span d:id="60">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="SiLa" ai:objID="6704dc90" d:userLabel="SiLa" x="329" y="68" visible.Si="false" visible.So="false" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="61" flm:knockout="false" ai:objID="6704dd80" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="6704dea0" x="0" y="0">
<s:Line ai:objID="6704e020" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.191 7.729 2.822 4.822 0 2.913 Z" ai:objID="6704e1d0" winding="nonZero" x="0.701" y="0.097">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="6704e690" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="6704e810" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="62" kerning="on" lineHeight="120%" ai:objID="6704ea50" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="63" whiteSpaceCollapse="collapse"><s:span d:id="64">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="SoSi" ai:objID="6704ee10" d:userLabel="SoSi" x="249" y="61" visible.So="false" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="65" flm:knockout="false" ai:objID="6704ef00" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="6704f020" x="0" y="0">
<s:Line ai:objID="6704f1a0" x="1" xTo="233" y="1" yTo="56">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF00FF" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 10.967 7.724 C 7.467 8.134 2.991 9.198 0 10.749 L 3.25 5.847 L 2.614 0 C 4.559 2.752 8.047 5.753 10.967 7.724 Z" ai:objID="6704f350" winding="nonZero" x="229.509" y="51.149">
<s:fill>
<s:SolidColor color="0xFF00FF"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="6704f830" x="218" y="50">
<s:Rect alpha="0.66" height="8" ai:objID="6704f9b0" width="13" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="66" kerning="on" lineHeight="120%" ai:objID="6704fc10" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="A1">
<s:content><s:p d:id="67" whiteSpaceCollapse="collapse"><s:span d:id="68">A1</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="FiSo" ai:objID="6704ff80" d:userLabel="FiSo" x="249" y="67" visible.Fi="false" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="69" flm:knockout="false" ai:objID="67050070" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67050190" x="0" y="0">
<s:Line ai:objID="67050310" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="67050490" winding="nonZero" x="0.004" y="0.097">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="670508f0" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="67050a70" width="15" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="70" kerning="on" lineHeight="120%" ai:objID="67050cb0" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="71" whiteSpaceCollapse="collapse"><s:span d:id="72">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="FaFi" ai:objID="67051000" d:userLabel="FaFi" x="168" y="58" visible.Fa="false" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="73" flm:knockout="false" ai:objID="670510f0" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67051210" x="0" y="0">
<s:Line ai:objID="67051390" x="1" xTo="233" y="1" yTo="57">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF00FF" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 10.967 7.724 C 7.468 8.134 2.99 9.198 0 10.749 L 3.25 5.847 L 2.614 0 C 4.558 2.752 8.047 5.753 10.967 7.724 Z" ai:objID="67051510" winding="nonZero" x="229.322" y="51.363">
<s:fill>
<s:SolidColor color="0xFF00FF"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="67051970" x="217" y="51">
<s:Rect alpha="0.66" height="8" ai:objID="67051af0" width="13" x="1" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="74" kerning="on" lineHeight="120%" ai:objID="67051d30" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="A1">
<s:content><s:p d:id="75" whiteSpaceCollapse="collapse"><s:span d:id="76">A1</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="MiFa" ai:objID="67052080" d:userLabel="MiFa" x="169" y="64" visible.Mi="false" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="77" flm:knockout="false" ai:objID="67052170" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67052290" x="0" y="0">
<s:Line ai:objID="67052410" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="67052590" winding="nonZero" x="0.653" y="0.295">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="670529f0" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="67052b70" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="78" kerning="on" lineHeight="120%" ai:objID="67052db0" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="79" whiteSpaceCollapse="collapse"><s:span d:id="80">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="MeMi" ai:objID="67053100" d:userLabel="MeMi" x="87" y="53" visible.Me="false" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="81" flm:knockout="false" ai:objID="670531f0" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67053310" x="0" y="0">
<s:Line ai:objID="67053490" x="1" xTo="233" y="1" yTo="57">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF00FF" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 10.968 7.724 C 7.469 8.134 2.991 9.198 0 10.749 L 3.251 5.847 L 2.615 0 C 4.559 2.752 8.048 5.753 10.968 7.724 Z" ai:objID="67053610" winding="nonZero" x="229.579" y="51.606">
<s:fill>
<s:SolidColor color="0xFF00FF"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="67053a70" x="218" y="51">
<s:Rect alpha="0.66" height="8" ai:objID="67053bf0" width="13" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="82" kerning="on" lineHeight="120%" ai:objID="67053e30" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="A1">
<s:content><s:p d:id="83" whiteSpaceCollapse="collapse"><s:span d:id="84">A1</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="ReMe" ai:objID="67054180" d:userLabel="ReMe" x="90" y="59" visible.Re="false" visible.Di="false" visible.Do="false">
<s:Group d:id="85" flm:knockout="false" ai:objID="67054270" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67054390" x="0" y="0">
<s:Line ai:objID="67054510" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="67054690" winding="nonZero" x="0.405" y="0.783">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="67054af0" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="67054c70" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="86" kerning="on" lineHeight="120%" ai:objID="67054eb0" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="87" whiteSpaceCollapse="collapse"><s:span d:id="88">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="DiRe" ai:objID="67055200" d:userLabel="DiRe" x="288" y="108" visible.Di="false" visible.Do="false">
<s:Group d:id="89" flm:knockout="false" ai:objID="670552f0" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67055410" x="0" y="0">
<s:Line ai:objID="67055590" x="7" xFrom="151" y="5" yFrom="37">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF0000" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 0 2.913 C 3.385 2.52 7.716 1.497 10.61 0 L 7.461 4.736 L 8.07 10.392 C 6.192 7.729 2.822 4.822 0 2.913 Z" ai:objID="67055710" winding="nonZero" x="0.519" y="0.093">
<s:fill>
<s:SolidColor color="0xFF0000"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="67055b70" x="8" y="3">
<s:Rect alpha="0.66" height="8" ai:objID="67055cf0" width="16" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="90" kerning="on" lineHeight="120%" ai:objID="67055f30" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="m2">
<s:content><s:p d:id="91" whiteSpaceCollapse="collapse"><s:span d:id="92">m2</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
<s:Group id="DoDi" ai:objID="67056280" d:userLabel="DoDi" x="208" y="97" visible.Do="false">
<s:Group d:id="93" flm:knockout="false" ai:objID="67056370" x="0" y="0">
<s:Group flm:knockout="true" ai:objID="67056490" x="0" y="0">
<s:Line ai:objID="67056610" x="1" xTo="233" y="1" yTo="57">
<s:stroke>
<s:SolidColorStroke caps="none" color="0xFF00FF" joints="miter" miterLimit="4" scaleMode="normal" weight="2"/>
</s:stroke>
</s:Line>
<s:Path data="M 10.968 7.724 C 7.469 8.134 2.991 9.198 0 10.749 L 3.251 5.847 L 2.615 0 C 4.559 2.752 8.048 5.753 10.968 7.724 Z" ai:objID="67056790" winding="nonZero" x="229.556" y="51.691">
<s:fill>
<s:SolidColor color="0xFF00FF"/>
</s:fill>
</s:Path>
</s:Group>
</s:Group>
<s:Group ai:objID="67056bf0" x="218" y="51">
<s:Rect alpha="0.66" height="8" ai:objID="67056d70" width="13" x="0" y="0">
<s:fill>
<s:SolidColor color="0xFFFFFF"/>
</s:fill>
</s:Rect>
<s:RichText color="0x4D4D4D" fontFamily="Helvetica" fontSize="11.25" d:id="94" kerning="on" lineHeight="120%" ai:objID="67056fb0" textAlign="center" whiteSpaceCollapse="preserve" x="0" y="0" d:userLabel="A1">
<s:content><s:p d:id="95" whiteSpaceCollapse="collapse"><s:span d:id="96">A1</s:span></s:p></s:content>
</s:RichText>
</s:Group>
</s:Group>
</fx:DesignLayer>
</fx:DesignLayer>
<s:Button id="ctlButton" label="Start" x="233" y="171" click="toggleAnimation()"/>
<fx:Declarations>
<s:GlowFilter id="glow" blurX="20" blurY="20" color="0x80ffff"/>
</fx:Declarations>
<s:transitions>
<s:Transition fromState="Start" toState="Do" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(0)}" duration="1000"/>
<s:AnimateFilter target="{Do}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Do" toState="Di" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(100)}" duration="1000"/>
<s:AnimateFilter target="{Di}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Di" toState="Re" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(200)}" duration="1000"/>
<s:AnimateFilter target="{Re}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Re" toState="Me" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(300)}" duration="1000"/>
<s:AnimateFilter target="{Me}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Me" toState="Mi" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(400)}" duration="1000"/>
<s:AnimateFilter target="{Mi}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Mi" toState="Fa" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(500)}" duration="1000"/>
<s:AnimateFilter target="{Fa}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Fa" toState="Fi" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(600)}" duration="1000"/>
<s:AnimateFilter target="{Fi}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Fi" toState="So" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(700)}" duration="1000"/>
<s:AnimateFilter target="{So}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="So" toState="Si" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(800)}" duration="1000"/>
<s:AnimateFilter target="{Si}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Si" toState="La" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(900)}" duration="1000"/>
<s:AnimateFilter target="{La}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="La" toState="Te" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(1000)}" duration="1000"/>
<s:AnimateFilter target="{Te}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Te" toState="Ti" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(1100)}" duration="1000"/>
<s:AnimateFilter target="{Ti}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
<s:Transition fromState="Ti" toState="Do2" autoReverse="true">
<s:Parallel>
<j:PingEffect target="{this}" frequency="{centsToHz(1200)}" duration="1000"/>
<s:AnimateFilter target="{Do2}"
bitmapFilter="{glow}"
duration="500"
repeatCount="0"
repeatBehavior="reverse">
<s:SimpleMotionPath property="alpha" valueFrom="0.5" valueTo="1"/>
</s:AnimateFilter>
</s:Parallel>
</s:Transition>
</s:transitions>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import mx.states.State;
public const BASE_FREQUENCY:Number = 440; public const CENTS_PER_OCTAVE:Number = 1200;
public var noteTimer:Timer = null;
public var count:int = 0;
public function centsToHz(c:Number):Number {
return (BASE_FREQUENCY * Math.pow(2, (c/CENTS_PER_OCTAVE)));
}
protected function appCreationCompleteHandler(event:FlexEvent):void {
this.noteTimer = new Timer(1000, 0);
if (this.noteTimer == null) return;
var s:Array = this.states;
if (s == null) return;
var stateCount:uint = s.length;
var timerHandler:Function = function timerHandler(e:TimerEvent):void {
var newStateIndex:uint = ++count % stateCount; var newStateName:String = (s[newStateIndex] as State).name;
setCurrentState(newStateName, true); }
var completeHandler:Function = function completeHandler(e:TimerEvent):void {
var finalStateIndex:uint = s.length - 1;
var finalStateName:String = s[finalStateIndex];
setCurrentState(finalStateName, true); }
this.noteTimer.addEventListener(TimerEvent.TIMER, timerHandler);
this.noteTimer.addEventListener(TimerEvent.TIMER_COMPLETE, completeHandler);
}
public function toggleAnimation():void {
if ( (this.noteTimer == null) || (ctlButton == null) ) {
return;
} else if (this.noteTimer.running) {
noteTimer.stop();
ctlButton.label = "Start";
this.setCurrentState("", false); } else {
this.count = 0;
this.setCurrentState("", false); ctlButton.label = "Stop";
this.noteTimer.start();
}
}
]]>
</fx:Script>
</s:Application>