<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:text="com.jabbypanda.controls.*" viewSourceURL="src/HoverCSSFlexSupport/index.html"
    creationComplete="onCreationComplete()" styleName="plain" horizontalAlign="center" verticalAlign="middle">
    <mx:Script>
        <![CDATA[
            private function onCreationComplete() : void  {
                var style :StyleSheet = new StyleSheet();

                var aHover:Object = new Object();
                aHover.color = "#DD6600";
                aHover.textDecoration = "underline";

                var aLink:Object = new Object();
                aLink.color = "#00FF00";

                var aActive:Object = new Object();
                aActive.color = "#FF0000";

                style.setStyle("a:hover", aHover);
                style.setStyle("a:link", aLink);
                style.setStyle("a:active", aActive);

                extendedTextInstance.htmlText = textAreaInstance.htmlText = "<a href='http://www.adobe.com'>Click me</a> to open <b>Adobe</b> homepage";
                extendedTextInstance.styleSheet = textAreaInstance.styleSheet = style;

            }
        ]]>
    </mx:Script>
    <mx:TextArea id="textAreaInstance" width="200" height="200" />
    <mx:VBox borderColor="green" borderStyle="solid">
        <text:ExtendedText id="extendedTextInstance" width="200" height="200"/>
    </mx:VBox>

</mx:Application>