My page HERE is getting very close to what I want it to be. But I need a bit of magic to finish the job.

When you click a U.S. state abbreviation at the top of the window, the list below it scrolls to that state's entries.

When you click the | Map | link, also at the top of the window, you see a popup layer with a map that shows all the entries on the list.

You close the map by clicking anywhere on it.

While the map is showing, you can click any of the state abbreviations, and the list will scroll to the entries for that state. The map, however, continues to display, and it obscures the entries.

The magic I need is this: How can I make the map close when an abbreviation is clicked, without interfering with the scrolling to the proper state?

(I want users to be able to call up the map, find a location they are interested in, click its abbreviation, and be able to use the directory without the extra step of closing the map.)