Die einfachste Variante ist es du packst das bild einfach noch mal in den DIV:
<div id="content"> und gibst beiden Bildern eine eigene ID. Wobei das im <div id="content"> mit style="visibility:hidden;" vorbelegt sein sollte.
Wenn onmouseover ausgeführt wird gibst dem sagst du dem Bild rechts mittels document.getElementById('deineIdRechts').style.visibiity = 'hidden'; das es verschwinden soll und dem linken Bild mittels document.getElementById('deineIdLinks').style.visibiity = 'visible'; das es auf tauchen soll.
Man kann alternativ auch mit style="display:none" arbeiten. Dann wird auch kein Platz verbraucht. Mit style="visibiltiy:collapse" funktioniert das auch, Nachteil ist aber das noch ein klein bischen Platz verbraucht wird.
Hoffe das hilft
Gruß
Frank