<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               backgroundColor="0xEFEFEF"
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/halo"  
              
               xmlns:wizard="net.anirudh.wizard.*"
               xmlns:steps="net.anirudh.wizard.steps.*" xmlns:local="*" viewSourceURL="srcview/index.html">
    <!--
    /*
    * The contents of this file are subject to the Mozilla Public License Version
    * 1.1 (the "License"); you may not use this file except in compliance with
    * the License. You may obtain a copy of the License at
    * http://www.mozilla.org/MPL/
    *
    * Software distributed under the License is distributed on an "AS IS" basis,
    * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
    * for the specific language governing rights and limitations under the
    * License.
    *
    * The Original Code is the Flex4Wizard component.
    *
    * The Initial Developer of the Original Code is
    * Anirudh Sasikumar (http://anirudhs.chaosnet.org/).
    * Portions created by the Initial Developer are Copyright (C) 2008
    * the Initial Developer. All Rights Reserved.
    *
    * Contributor(s):
    *
    */
    -->
<fx:Style source="embed_assets/style.css" />
    <fx:Script>
        <![CDATA[
            import mx.events.ListEvent;
            import net.anirudh.wizard.vo.WizardStepVO;
            import mx.collections.ArrayCollection;
            [Bindable]private var wizardViews:ArrayCollection = new ArrayCollection(
                [new WizardStepVO({name:"PICK PLAYLIST", state: "selected"}), 
                    new WizardStepVO({name: "SOURCE", state: "normal"}), 
                    new WizardStepVO({name: "DESTINATION", state: "normal"})
                ]);

            protected function wizardpanel1_changeHandler(event:ListEvent):void
            {
                trace("Current step is " + wizard.currentStepTitle);
            }

        ]]>
    </fx:Script>
    <local:MainHeader />
    
    <wizard:WizardPanel
        id="wizard"
        change="wizardpanel1_changeHandler(event)"
        horizontalCenter="15" 
        verticalCenter="-6"                       
        wizardViews="{wizardViews}">
        <steps:PickPlaylist id="view1" x="0" width="100%" top="40" bottom="30" />
        <steps:PickSource id="view2" x="0" width="100%" top="40" bottom="30" />
        <steps:PickDestination id="view3" x="0" width="100%" top="40" bottom="30" />        
        <steps:Finish id="view4" x="0" width="100%" top="40" bottom="34"  />
    </wizard:WizardPanel>
    
</s:Application>