VÝMĚNA OBRÁZKŮ V JAVĚ

Zdar lidi, potřeboval bych někde sehnat script (asi JAVA), když ukážu na okdaz tak aby se my někde ve stránce stránce zobrzil obrázek a když ukážu na další (! textovej !) odkaz tak aby se ten obrázek vyměnil... Už jsem to někde vyděl, ale nemůžu si vzpomenout kde.

STRÁNKA:

*odkaz01
*odkaz02
*odkaz03
*
*
* * obrázek *
*

*



Ukážu na odkaz01 a zobrazí se mi nějak obrázek (v místě "obrázek")!
Ukážu na odkaz02 a zobrazí se mi tam taky.
atd...

Jestli to víte nebo máte něco podobního pište pls.
<a href="někam.html"
onmouseover="document['obrazek'].src = 'druhy.gif' ;"
onmouseout="document['obrazek'].src = 'prvni.gif' ;"><img src="prvni.gif" name="obrazek">
</a>
např:

<body>

<script type="text/javascript">
function zobrazelement(elementid) {
document.getElementById('dekorace_'+elementid).style.display="block";
}
function skryjelement(elementid) {
document.getElementById('dekorace_'+elementid).style.display="none";
}
</script>

<a href="..url.." onmousemove="javascript: zobrazelement('xhtml');" onmouseout="javascript: skryjelement('xhtml');">XHTML 1.0</a>,
<a href="..url.." onmousemove="javascript: zobrazelement('css');" onmouseout="javascript: skryjelement('css');">CSS</a>,
<a href="..url.." onmousemove="javascript: zobrazelement('wcag');" onmouseout="javascript: skryjelement('wcag');">WCAG</a>.

<hr/>

<img style="display:none;" id="dekorace_xhtml" src="http://www.w3.org/Icons/valid-xhtml10" alt="xhtml" width="88" height="31"/>
<img style="display:none;" id="dekorace_css" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="css" width="88" height="31"/>
<img style="display:none;" id="dekorace_wcag" src="http://www.w3.org/WAI/wcag1AA" alt="wcag" width="88" height="31"/>

</body>