<?xml version="1.0" encoding="utf-8"?>
<mx:Application layout="vertical" verticalGap="0" 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:controls="nl.fxc.controls.*"
     xmlns:fus="com.fusiox.ui.*"    
    xmlns:rf="com.randomFractals.media.controls.*"    
    width="100%" height="100%" 
    color="#FFFFFF" backgroundAlpha="0"  
    horizontalAlign="center" 
    verticalAlign="middle" 
    creationComplete="initPlayer(event);" 
    viewSourceURL="srcview/index.html">
    
    <mx:Style source="/assets/skins/obsidian.css" />

    <mx:Script>
        <![CDATA[
            
            import com.nocreativity.playr.*;            
            
            private var playList:PlaylistManager;            
            
            private function initPlayer(event:Event):void 
            {
                // create a sample playlist            
                playList = new PlaylistManager();
                                        
                // add sample tracks
                playList.addTrack(
                    createTrack('Radiohead',
                        'In Rainbows',
                        '15 Step',
                        'assets/music/15_Step.mp3', 228) );
                    
                playList.addTrack(
                    createTrack('General Patton/X-Ecutioners',
                        'General Patton vs. the X-Exutioners',
                        'Counterintelligence- Target=37-47-38N 122-33-17W',
                        'assets/music/skratch1.mp3', 40) );
                        
                playList.addTrack(                    
                    createTrack('General Patton/X-Ecutioners',
                        'General Patton vs. the X-Exutioners',
                        'Improvised Explosive Device 0300 Hrs',
                        'assets/music/skratch2.mp3', 36) );
                
                // load playlist
                musicPlayer.playlist = playList;
            }
            
            private function createTrack(artist:String, album:String, 
                title:String, file:String, seconds:uint):PlayrTrack
            {
                var track:PlayrTrack = new PlayrTrack();
                track.artist = artist;
                track.album = album;
                track.title = title;
                track.file = file;
                track.totalSeconds = seconds;
                
                return track;
            }
                
        ]]>
    </mx:Script>
    
    <mx:VBox id="musicBox"
        verticalGap="0"    
        horizontalAlign="center" 
        verticalAlign="middle">

        <rf:MusicVisualizer id="musicVis"   
            width="{musicPlayer.width}" height="400" 
            backgroundColor="#212121" />
                        
        <rf:MusicPlayer id="musicPlayer" 
            resize="{musicVis.height = (musicPlayer.width - musicPlayer.width/3)}"  
            width="422" height="110" autoPlay="true" />
            
    </mx:VBox>
            
</mx:Application>