Trocar Imagem Aleatoria

[3dmaniaco]

Olá a todos.

Eu tenho uma pagina PHP com uma DIV chamada PRINCIPAL.

E tenho uma imagem chamada ABRIR.JPG que serve de link para EXIBIR ou OCULTAR a DIV PRINCIPAL.

Eu gostaria de saber, como posso fazer para quando a DIV estiver OCULTA exibe no link a imagem ABRIR.JPG, e quando a DIV estiver VISIVEL exibe a imagem FECHAR.JPG ?

Este é meu codigo atual, só exibe e oculta a DIV:

arquivo func_div.js

$(document).ready(function(){
$('#PRINCIPAL').hide();

$('#mostrar_div').click(function(event){
event.preventDefault();
$("#PRINCIPAL").show("slow");
});
});

Link exibe DIV

<a href="#" id="mostrar_div"><img src="ABRIR.JPG" width="54" height="84" /></a>

Toda ajuda será bem vinda

[blew]

provavelmente você terá a solução se postar esse tópico na área de JavaScript, e não PHP