help combining rollovers with js menus

I'm building a site and have hit a roadblock. I've created javascript menus
(adapting code a friend gave me) that work perfectly, except for the fact that
the main menu items are currently text, but I'd like them to appear as tabs
that I've created with rollover images. The submenus are working perfectly,
using an image background that repeats on the x axis.

I have built 2 samples of the page; one with each of these features, that I'd
like to combine into one. So far I've been unsuccessful in my attempts to get
this to work.

Each of the pages can be seen at:
http://www.oaddesign.com/spm/index.html (this one has the working text menus
and submenus)
http://www.oaddesign.com/spm/index2.html (this one has the rollover images
with no submenus)

If there's a way to get the submenus to work with the rollover main menu
items, I'd love any help I can get.

Thanks,
oadesign