Troca de Imagens

Bom dia, gostaria de criar um script, onde três imagens, ou mais, se alternem em um local.

O script abaixo, é um exemplo do que eu tenho:

Javascript

<script type="text/javascript">
 function TrocarImagem(imagem){
 imagem = imagem;

 document.getElementById("ImagemPrincipal").src = imagem;

 }
</script>

HTML

<img id="ImagemPrincipal" src="img_exp/img1.jpg" alt=""><br /><br /><br />

<img src="img_exp/img1.jpg" border="0" alt="" id="link_bg" onclick="javascript:TrocarImagem('img_exp/img1.jpg');" />
<img src="img_exp/img2.jpg" border="0" alt="" id="link_bg" onclick="javascript:TrocarImagem('img_exp/img2.jpg');" />
<img src="img_exp/img3.jpg" border="0" alt="" id="link_bg" onclick="javascript:TrocarImagem('img_exp/img3.jpg');" />

-----------------------------------------------------------------------

Esse script, funciona perfeitamente. São 3 Imagens.
A primeira, inicia exibindo em um lugar....
As outras são botões, que ao ser clicado, troca a primeira imagem pela imagem clicada.
É quase isso que eu quero.
O que eu quero mesmo, é que a imagem que está sendo exibida, não apareça como botão.
Se ela já está sendo exibida, ela não precisa aparecer.
Daí nesse exemplo que eu publiquei acima, ficaria na parte de cima, exibindo uma image, com dois botões de imagens diferentes, daí ao clicar, a imagem de cima seja substituida pela imagem clicada, e o botão que foi clicado, transforme na imagem que estava sendo exibida em cima.

Se alguem puder me ajudar nisso, agradeço.

OBS: Se já exisitir algum jquery nesse sentido, eu até prefiro. Para dar um efeito bem legal.
Eu gostaria de obter um resultado final parecido com o link a seguir:

http://www.emaiscomunica.com.br/forum.jpg