minimizar e maximizar caixas com uma imagem para cada opção

[lucas1407]

estou usando esse código para mostrar e sumir uma caixa com js:

<script type="text/javascript">

function ShowHide(object){

var el = document.getElementById(object);

if(el.style.display != ""){

el.style.display = "";

}else{

el.style.display = "none";

}

}

</script>

e isso para mostrar o botão:

<a href="java script://" title="Maximizar/Minimizar" onclick="ShowHide('div');"><img class="showhide" border="no" src="showhide.png"></a>

eu estou uma imagem que é uma seta para cima e outra para baixo mas eu queria que mudasse a imagem para cada opção

ou seja, se está oculto mostra uma seta para baixo, se está mostrando, mostra uma seta para cima, Como faço isso?

Vlw a atenção

[lucas1407]

ninguém sabe como faz não?

pode ser um outro código