Ayuda con menu desplegableee

[nachobellido]

Por favor llevo dias con esto a ver si alguien me puede ayudar.tengo una web ya hecha y quiero que uno de los enlaces me despliege unas 5 opciones. El enlace es una imágen y quiero que a parte de sombrear el enlace despliegue las opciones. Es una imagen pasada de photoshop a codigo html.

Gracias.

Saludos.

[America|UNK]

Código javascript:

function menu(e){
    el = e, a = el.getElementsByTagName("a")[0], obj = el.getElementsByTagName("ul")[0],
    n = "none", b = "block", os = obj.style;
    a.focus(); os.listStyleType = n; os.display = os.display == b ? n : b;
    e.onmouseover = function(){ a.onblur = function(){}}
    e.onmouseout = function(){ a.onblur = function(){ os.display = os.display == b ? n : b }}
}
 

Código html:

<span onclick="menu(this)"><a onclick="return false" href="#"><img src="imagen.jpg" alt="Imágen" /></a>
    <ul style="display:none">
    <li><a href="#1">Opción 1</a></li>
    <li><a href="#2">Opción 2</a></li>
    </ul>
</span>