<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="horizontal"
     viewSourceURL="srcview/index.html">
    
    
    <mx:Script>
        <![CDATA[
            import mx.collections.XMLListCollection;
        ]]>
    </mx:Script>
    
    <!-- __________ STYLES ______________________________________________________ -->
    
    <mx:Style>
        PopUpMenuButton
        {
            font-size:11;
            text-align:left;
            color:#333;
            text-roll-over-color: #333;
            
            upSkin: ClassReference("skins.PopButtonSkin");
            overSkin: ClassReference("skins.PopButtonSkin");
            downSkin: ClassReference("skins.PopButtonSkin");
            disabled-skin: ClassReference("skins.PopButtonSkin");
              
            pop-up-over-skin: ClassReference("skins.PopButtonSkin");
            pop-up-down-skin: ClassReference("skins.PopButtonSkin");
            
        }
    </mx:Style>
    
    <!-- __________ MENU DATA ______________________________________________________ -->
    
    <mx:XML format="e4x" id="menuData">
        <root>
            <menuitem label="PRICE" />
            <menuitem label="RUNTIME" />
            <menuitem label="DURATION" />
            <menuitem label="METHOD OF SALE" />
            <menuitem label="LOCATION" />
            <menuitem label="VENUE" />
            <menuitem label="VENDOR" />
            <menuitem label="MEDIA FORMAT" />
            <menuitem label="DEMOGRAPHICS" />
        </root>
    </mx:XML>
    
    <!-- __________ BUTTONS ______________________________________________________ -->
    
    <mx:PopUpMenuButton
        
        id="btn1"
        label="PRICE"
        labelField="@label"
        dataProvider="{new XMLListCollection(XML(menuData).children())}"
        itemClick="{btn1.label = event.label}"
        />
    
    <mx:PopUpMenuButton
        
        id="btn2"
        label="RUNTIME"
        labelField="@label"
        dataProvider="{new XMLListCollection(XML(menuData).children())}"
        itemClick="{btn2.label = event.label}"
        />
    
    <mx:PopUpMenuButton
        
        id="btn3"
        label="DURATION"
        labelField="@label"
        dataProvider="{new XMLListCollection(XML(menuData).children())}"
        itemClick="{btn3.label = event.label}"
        />
    
</mx:Application>