<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"  
    xmlns:muxmaster="com.dougmccune.muxmaster.*" xmlns:api="com.dougmccune.muxmaster.api.*" 
    layout="absolute" width="720" height="500" verticalScrollPolicy="off" horizontalScrollPolicy="off" 
    creationComplete="listing.loadRandom()" viewSourceURL="srcview/index.html">

    <mx:Style source="assets/css/main.css" />
    <mx:Style source="assets/css/small.css" />
    
    <api:MuxListing id="listing" />
    
    <muxmaster:MuxJukebox width="100%" height="100%" users="{listing.playlists}" />
    
    <mx:ViewStack id="stack" right="0" top="18" width="350" height="100%">
        <mx:Canvas />
        <muxmaster:LoadPanel         styleName="overlay" backgroundColor="#33CC66" height="175"  showEffect="WipeDown" hideEffect="WipeUp" close="stack.selectedIndex=0" complete="listing.loadRelated(LoadPanel(event.currentTarget).lastLoadedPlaylist)" />
        <muxmaster:About             styleName="overlay" backgroundColor="#FF0000" height="100%" showEffect="WipeDown" hideEffect="WipeUp" close="stack.selectedIndex=0" />
    </mx:ViewStack>
    
    <mx:HBox styleName="toolbar" width="100%">
        <mx:Label         text="MUXMASTER (LITE)" width="100%" />
        <mx:LinkButton     label="RANDOM 10"             styleName="toolbarButton" rollOverColor="#FF8000" click="stack.selectedIndex=0; listing.loadRandom(10)" />
        <mx:LinkButton     label="LOAD A MUXTAPE"         styleName="toolbarButton" rollOverColor="#33CC66" click="stack.selectedIndex=1" />
        <mx:LinkButton     label="ABOUT"                 styleName="toolbarButton" rollOverColor="#FF0000" click="stack.selectedIndex=2" />
    </mx:HBox>

</mx:WindowedApplication>