<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    width="400" 
    horizontalAlign="center" 
    verticalAlign="middle" 
    backgroundColor="#FFFFFF" 
    height="135" 
    layout="absolute" 
    xmlns:controls="com.joelhooks.controls.*" 
    creationComplete="init()" 
    backgroundGradientAlphas="[1.0, 1.0]" 
    backgroundGradientColors="[#FFFFFF, #FFFFFF]" viewSourceURL="examples/tooltipCombo/srcview/index.html">
    <mx:Script>
        <![CDATA[
            import sjd.controls.HtmlToolTip;
            import mx.managers.ToolTipManager;
            import mx.collections.ArrayCollection;
            [Bindable] private var people:ArrayCollection = new ArrayCollection()
            
            private function init():void
            {
                //html tooltips == nice!
                ToolTipManager.toolTipClass = sjd.controls.HtmlToolTip;
                
                this.people.addItem( {label:'jon smith', phoneNumber:'817-555-1212'} )
                this.people.addItem( {label:'tod mccallen', phoneNumber:'466-345-1212', mobileNumber:'466-432-5323'} )
                this.people.addItem( {label:'randy wizard', phoneNumber:'523-554-1212', notes:'this guy is a total jerk.'} )
                this.people.addItem( {label:'fist mcduffy', phoneNumber:'634-579-1212'} )
                this.people.addItem( {label:'arlo discordia', phoneNumber:'475-845-1212', mobileNumber:'475-475-5323', notes:'great guy to know.'} )
                this.people.addItem( {label:'milton farlane', phoneNumber:'568-468-1212'} )
                this.people.addItem( {label:'salo deeter'} )
            }
            
            private function myToolTipFunction(item:Object):String
            {
                var toolTip:String = "";
                if(!item)
                    return null;
                if(item.hasOwnProperty('phoneNumber'))
                    toolTip += "<b>phone: </b>" + item.phoneNumber;
                if(item.hasOwnProperty('mobileNumber'))
                    toolTip += "<br/><b>mobile: </b>" + item.mobileNumber;
                if(item.hasOwnProperty('notes'))
                    toolTip += "<br/><b>notes: </b>" + item.notes;
                if(toolTip!="")
                    return toolTip;
                return null;
            }
        ]]>
    </mx:Script>
    <controls:ToolTipComboBox 
        toolTipFunction="myToolTipFunction"
        dataProvider="{people}" 
        horizontalCenter="0" 
        width="200" 
        top="10"/>
</mx:Application>