Visual Containers - Creating?

Question

Hi,

I've got a HorizontalList created with XML data pulling through. All I want to do is create an visual container, that now loads in the Videos Data.

Code is as follows :

<mx:HorizontalList id="videoArea"
                                   rowHeight="210" columnWidth="180" 
                                   width="929" 
                                   backgroundColor="#000000"
                                   dataProvider="{videos}"
                                   borderStyle="solid" borderColor="#FFFFFF" color="#FFFFFFF" borderThickness="2"
                                   y="496" x="481" height="211" styleName="HorizontalList" horizontalScrollPolicy="off" columnCount="5" creationComplete="videoArea_creationCompleteHandler(event)">
                    <mx:itemRenderer>
                        <fx:Component>
                            <mx:VBox horizontalAlign="center" verticalAlign="middle" height="100%" width="100%" paddingLeft="10" name="videoBox">
                                <mx:Image source="file:/Users/Sites/videolist/img/{data.thumbnail}"/>
                                <mx:Label text="{data.title}" paddingTop="2" width="150"/>
                            </mx:VBox>  
                        </fx:Component>
                    </mx:itemRenderer>
                    </mx:HorizontalList>

I want the Visual Container to contain the title, id and image.

Cheers