problema para mostrar datos en el acordeon

[esaenz22]

buenas a todos. soy nuevo utilizando flex y llevo unos dias practicando sobre controles, layouts y navegadores.

mi consulta es la siguiente.

estoy mostrando datos en el datagridadvanced como cursos de desarrollo web mediante el xml. me muestra los datos en el grid correctamente. la aplicacion que estoy haciendo es que cuando le de clic en algun curso (es decir en el grid), me debe mostrar en el acordeon la imagen del curso. el nombre del curso, fecha, horario, el profesor que enseñara el curso, el grado y la imagen del curso.

pero sin embargo no me muestra en el acordeon los datos que he mencionado.

cual es mi error.

aqui les muestro las imagenes para que se den cuenta.





les dejo el codigo.

Código XML:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    backgroundImage="../imagenes/fondo.jpg"
    creationComplete="service.send()">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.HierarchicalData;
        ]]>
    </mx:Script>    
    
    <mx:HTTPService id="service"/>
    
    <mx:XMLList id = "curso">
        <cursos categoria = "Diseño y Desarrollo Web">
            <paquete nombre = "Flash" fecha = "15 febrero" horario = "L-M-V" costo = "S/.265" descripcion = "Animaciones interactivas" profesor = "xxxx" apellidos = "xxxxx" grado_profesor = "Superior" imagen = "flash.jpg"/>
            <paquete nombre = "Dreamweaver" fecha = "15 febrero" horario = "L-M-V" costo = "S/.265" descripcion = "Desarrollo de paginas web" profesor = "xxxxx" apellidos = "xxxxxxxxxx" grado_profesor = "Superior" imagen = "dreamweaver.jpg"/>
            <paquete nombre = "Illustrator" fecha = "15 febrero" horario = "M-J" costo = "S/.220" descripcion = "Desarrollo de bocetos vectoriales para pagina web" profesor = "xxxx" apellidos = "xxxxx" grado_profesor = "Superior" imagen = "illustrator.jpg"/>
            <paquete nombre = "Fireworks" fecha = "15 febrero" horario = "M-J" costo = "S/.250" descripcion = "Creacion de bocetos y afiches para paginas web" profesor = "xxxxx" apellidos = "xxxxxxx" grado_profesor = "Superior" imagen = "flash.jpg"/>
            <paquete nombre = "Audition" fecha = "30 marzo" horario = "S-D" costo = "S/.250" descripcion = "Edicion de videos" profesor = "xxxx" apellidos = "xxxxxxx" grado_profesor = "Superior" imagen = "flash.jpg"/>
            <paquete nombre = "After Effects" fecha = "30 marzo" horario = "S-D" costo = "S/.350" descripcion = "Edicion de videos" profesor = "xxxxx" apellidos = "xxxxxxx" grado_profesor = "Superior" imagen = "after_effects.jpg"/>
        </cursos>   
    </mx:XMLList>   
    
    <mx:AdvancedDataGrid x="48" y="136" id="advdata" 
        designViewDataType="tree" width="606" height="308"
        dataProvider="{new HierarchicalData(curso)}">
        
        <mx:columns>
            <mx:AdvancedDataGridColumn headerText="Categoria" dataField="@categoria"/>
            <mx:AdvancedDataGridColumn headerText="Nombre curso" dataField="@nombre"/>
            <mx:AdvancedDataGridColumn headerText="Fecha" dataField="@fecha"/>
            <mx:AdvancedDataGridColumn headerText="Horario" dataField="@horario"/>
        </mx:columns>
        
    </mx:AdvancedDataGrid>
    
    <mx:Accordion x="662" y="136" width="285" height="311">
    
        <mx:Canvas label="Datos curso" width="100%" height="100%">
            <mx:Image width="263" height="227"
                source="../img_cursos/advdata.selectedItem.imagen" x="10" y="10"/>
        </mx:Canvas>
        
        <mx:Canvas label="Datos complementarios" width="100%" height="100%">
        
            <mx:Form x="10" y="10" width="263" height="227">
                <mx:FormItem label="Horario">
                    <mx:Label text="{advdata.selectedItem.horario}"/>
                </mx:FormItem>
                <mx:FormItem label="Fecha inicio">
                    <mx:Label text="{advdata.selectedItem.fecha}"/>
                </mx:FormItem>
                <mx:FormItem label="Costo">
                    <mx:Label text="{advdata.selectedItem.costo}"/>
                </mx:FormItem>
                <mx:FormItem label="Descripcion">
                </mx:FormItem>
                <mx:Label text="{advdata.selectedItem.descripcion}"/>
            </mx:Form>
            
        </mx:Canvas>
        
        <mx:Canvas label="Datos profesor" width="100%" height="100%">
        
            <mx:Form x="10" y="10" width="263" height="227">
                <mx:FormItem label="Nombre profesor">
                    <mx:Label text="{advdata.selectedItem.profesor}"/>
                </mx:FormItem>
                <mx:FormItem label="Apellido profesor">
                    <mx:Label text="{advdata.selectedItem.apellidos}"/>
                </mx:FormItem>
                <mx:FormItem label="Grado profesor">
                    <mx:Label text="{advdata.selectedItem.grado_profesor}"/>
                </mx:FormItem>
            </mx:Form>
            
        </mx:Canvas>
        
    </mx:Accordion>
    
</mx:Application>