Překrýtí obrázku při onmouseover a zviditelnění skrytéh menu

Zdravím

Řeším problém, kdy:

1) po najetí myši na obrázek, jej chci vyměnit za jinej
2) na tom druhém ( vyměněném ) chci zobrazit skryté menu a tam po vybrání položky přejit na danou url
3) při najetí na skyrté menu musí zůstat obrázek vyměněný

--
Zde na adrese je takovej muj nefunkční pokus nasefirma.cz/developer/css/test.php
--

Nefunguje mi skrývání a okdrývání menu, nevím, na jakou událost mám navázat visibility: visible, aby se menu zobrazilolo, když jsem jej dle visibility: hidden skryl.

Taktéž pokud najedu nad menu, tak mi zmizí obrázek, který se změní za první obrázek při :hover.

Nemáte nějakej příklad, odkaz na nějakej example, kde bych mohl nabrat inspiraci?

Díky Petr

No nic,

čistým CSSkem jsem to vzdal a udělal v JS/CSS.