<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    xmlns:text="jabbypanda.controls.*"
    width="100%" height="100%" 
    horizontalAlign="center" 
    backgroundGradientColors="[#000000, #282828]" backgroundColor="#282828"  
    verticalAlign="middle">
 <mx:Script>
     <![CDATA[
         import jabbypanda.controls.HyperLink;
         import jabbypanda.controls.events.HyperlinkEvent;
        
        private function onLinkClick(evt : HyperlinkEvent) : void {            
            // here you can invoke loading of external web-page if you want    via URLRequest        
             var hControl : HyperLink = HyperLink(evt.target);
            txtDataUrl.text = "You just had clicked '" + hControl.linkText + "'";
            txtDataUrl.visible = true;
          }

          private function changeStyle() : void {
              hLink.setStyle("colorLink", 0x00FF00);
          }
     ]]>
 </mx:Script>
 <mx:Style>
     HyperLink {
         colorLink : #FF0000;
         colorHover : #00FF00;
         colorActive : #0000FF;
     }
     
     Label {
         color : #CCCCCC;
         fontSize : 16;
     }
     
 </mx:Style>
  <text:HyperLink linkText="Click me! I am a hypertext link" id="hLink" linkClick="onLinkClick(event)"/>
  <mx:Button id="btn" label="Change the style" click="changeStyle()"/>
  <mx:Label id="txtDataUrl" visible="false"/>  
</mx:Application>