how to extract data and represent it on browser

[Aditi Gandy]

Hi,
I am creating a menu UI. I have xml data to describe menu, submenu, subsub menu etc.... I want to extract these menu items and display it on the browser.

On the home page, i need to display only first level menu..Once i click on any first level menu, it should take me to that particular page and display second level menu under first level menu.. how do i do it?

Do i need to use xpath? or do i need to use only xml query? How do i relate second level menu to first level menu ?
my xml structure as follows:

<menu>
<first_level>file
<second_level>New
<third_level>html_document
</third_level>
</second_level>
</first_level>
</menu>

<first_level>Edit
<second_level>Select
<third_level>page</third_level>
<third_level>Section</third_level>
</second_level>
</first_level>
</menu>

on the browser,(home page), only File and Edit need to displayed. Once i click on file-> it should take me to another page/same page and display second_level menu->New. If i click on New, it should display all the third_level items under NEw. How do i do this? I need only the logic.... I don't want to hardcode anything...everything should be automatic.

Can any one please help me