Hello. I am not that good or experienced with javascript or css and I am having troubles with making a horizontal multi level drop down menu navigation system. What I want to do is use a javascript rollover button (based on images) as my trigger for the vertical drop down menu. So, basically, you rollover the image button and the menu drops down from the image. In addition to this, I need to be able to set it up so that if a user rolls over one of the menu links, the link needs to spawn a new sub set of links beside it. I need the menu options to be able to be customizable. By this I mean that I need them to be able to be edited to have a particular color background and font color and then when they're rolled over, they can change color and/or font color.

Now I have a sample script that I have pasted below this text that can trigger a menu from the javascript rollover button. It's customizable and does everything I need it to do with the exception of giving me a sub set of links (no second level). I have tried working with other scripts that are a hybrid of CSS and javascript and uses HTML lists for the link menu levels, but it does not work with the javascript rollover button, which is essential to the design of the webpage.

My question is this: Is it possible to edit the code I've pasted below to be able to use a second level? If so, I would greatly appreciate any help I can get. If not, I would be open to any alternative scripts. But the scripts must be able to use the javascript button rollover images.

Here is the sample code for what I have right now (it's just one button):

Browser: american_badass_4@hotmail.com,3

DO NOT post html code in the forums when you don't know how to properly post it

it makes a mess and more of the post so just give us a link to your page where you have this and we can perhaps go from there