Selecting the XML data from a drop-down menu or links

Question

Hi, I have this page:
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/volckinv.html
There are prints of lemons/limes and prints of oranges. I
want to have the visitor select which kind of fruit from either a
drop-menu or from two links that look something like this:
Lemons/Limes | Oranges. Looking at other help docs I found the
region/state mapping demo at
http://labs.adobe.com/technologies/spry/samples/data_region/StateMappingSample.html,
and copied the code and tried to modify it. But I don't really
understand the technical shorthand of the help docs (an ongoing
problem I have with the Spry documentation) and I couldn't find the
XML docs that the region/state mapping demos are based on so I
couldn't see how they were set up.
I got as far as this: nothing loads initially when you open
the page (I'd like the lemons to load), but if you select Oranges
from the drop-down menu you see the oranges, and THEN once you've
done that, you can select Lemons/Limes in the drop-down menu and
see those. I have three XML files I've been playing around with to
get this to work: lemons.xml, oranges.xml and inventory.xml, which
combines the two.
I also suspect region/state mapping might not even be exactly
what I'm trying to do here, but I can't figure out from the
documentation exactly what this thing I'm trying to do is called. I
know the photo album demo accomplishes something similar, and I
could do that, but it seems way more complicated than what I need
here (right?). Help will be appreciated!
Thanks,
Helen

Answer 1

I made a different test using the file
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/inventory.xml
and
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/volcktest.html
where I sent up the inventory xml form like one I found in the
Nested XML Data documentation where you have item ids and types, so
all the oranges and lemons are in one XML document (which I'd
prefer).
Here's an abbreviated version of the inventory.xml:
<inv_items>
<inv_item id="1" type="lemon">
<name>Lemons and Limes</name>
<title>Cedro Ordinario</title>
<plate>116a</plate>
<fullimage>pl116a.jpg</fullimage>
<tn>pl116a-2.jpg</tn>
</inv_item>
[and more lemons follow]
<inv_item id="19" type="orange">
<name>Oranges and Others</name>
<title>La Zucchetta Imperiale</title>
<plate>138a</plate>
<fullimage>pl138a.jpg</fullimage>
<tn>pl138a-2.jpg</tn>
</inv_item>
[and more oranges follow]
</inv_items>
What I'd like to do is display the names "Lemons and Limes"
and "Oranges and Others" and when you click on "Lemons and Limes"
you see only the thumbnails for lemons and limes, and when you
click on "Oranges and Others" you see the thumbnails for only
those. I'd like the Lemons and Limes to be selected when the page
is opened.
Help greatly appreciated!