Странное у вас мышление. Зачем всё так усложнять, если можно просто присвоить src?
<html>
<head>
<script type="text/javascript">
function show() {
document.getElementById('myImage').src = 'http://javascript.ru/forum/images/ca_serenity/buttons/quote.gif';
}
function hide() {
document.getElementById('myImage').src = 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif';
}
</script>
</head>
<body>
<a href="javascript://" onmouseover="show();" onmouseout="hide();">Show/hide</a>
<br />
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" id="myImage" />
</body>
</html>