Pomocy poprawka kodu

[Mareck]

pomocy jak zrobić aby obrazki wyświetlały sie po kliknieciu w link w określonym miejscu teraz po najechaniu myszką obrazek wyświetla się obok linku a i najważniejsze aby po kliknieciu w w drugi link pierwszy obrazek znikał a w jego miejsce wyświetlał się ten drugi

<style type="text/css">
a {position: relative;}
a img {display:none;}
a:hover img {display: block; position: absolute; top: 1em; left: 50;}
</style>

<a href="#">nike<img src="http://www.adres strony.com/images/nike.gif" alt="" /></a>
<a href="#">adidas<img src="http://www.adres strony.com/images/adidas.gif" alt="" /></a>

dodam tylko że dopiero zaczynam przygode z php więc prosze o wyrozumiałośc jeśli jest to "banalne"