Advanced Single Category View for web

I have a client that wants to do some fancy work on the web. Here is a write up of what they are looking to do.

Here is the write up on what I need.

The client wants a slicker interface for the web. Kinda like what you see in Hotmail when you create an email.

Basically, along the top of the view on the web they want hotspots. The hotspots would be like this:

ABC

DEF

GHI

JKL

MNO

PQRS

TUV

WXYZ

The 8 hotspots listed above would run horizontially along the top of the view. When you click on say “ABC”, it would load the first documents beginning with A or B or C into the view and nothing else. All other documents from D to Z would not load.

Underneth that would be a html menu that would allow you to switch between the different views (i.e. All, Office and Resource). All of the views house the same type of document. We are just presenting the information differnently.

The hotspots and the menu need to work together. So if I go to the All view and then click on the “TUV” hotspot. I should see “All” telephone listings for people where their last name begins with T/U/V and nothing else.

Then on top of all that they want another dropdown menu filter for the following itemsOffice, Attorney, Secretary, Department and Practice.

This final dropdown would act as a filter. I don’t have a clear picture on this final drop dows purpose, but it is a filter to further drill down the data.

Any help, suggestions or code would be greatly appreciated.