<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="500" height="400" xmlns:panel="com.visualempathy.extensions.panel.*" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#000000, #000000]" viewSourceURL="srcview/index.html">
    <mx:Style source="assets/css/styles.css"/>
    <mx:Script>
        <![CDATA[
            private function closeWindow( event:Event ):void 
            {
                superPanelPlus.alpha = 0;
                superPanelPlus.visible = false;
                superPanelPlus.includeInLayout = false;
            }
            
            private function showWindow( event:Event ):void 
            {
                superPanelPlus.alpha = 1;
                superPanelPlus.visible = true;
                superPanelPlus.includeInLayout = true;
            }
        ]]>
    </mx:Script>
    <panel:SuperPanelPlus 
        id="superPanelPlus" 
        showControls="true" 
        styleColor="0x333333" 
        selectedBorderAlpha=".95" 
        unselectedBorderAlpha=".75" 
        moveAlpha=".5" 
        highlightAlpha1=".3" 
        highlightAlpha2=".1" 
        dragEnabled="true" 
        resizeEnabled="true" 
        title="Session List" closeClickEvent="closeWindow(event)"  width="345" height="274" x="63" y="28" backgroundColor="#333333" borderColor="#333333">
        <mx:HBox width="100%" height="100%" backgroundAlpha="1" backgroundColor="#FFFFFF" paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5">
            <mx:Label text="Some content"/>
        </mx:HBox>
        
    </panel:SuperPanelPlus>
    <mx:Button click="showWindow(event)" enabled="{ ! superPanelPlus.visible }"  x="386" y="368" label="Show Window"/>
</mx:Application>