Hola, te dejo otro ejemplo sencillo para que te orientes un poco mejor.
Código HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#fotospeque > img').click(function()
{
$('#fotospeque').append( $('#fotogrande > img') );
$('#fotogrande').append( $(this) );
});
});
</script>
<div id="contenedor" style="text-align: center;">
<div id="fotogrande"></div>
<div id="fotospeque">
<img src="1.png" alt="" />
<img src="2.png" alt="" />
<img src="3.png" alt="" />
</div>
</div> En este ejemplo, se realiza justo lo que estás buscando. Ahora falta pulirlo un poquito más :)
Un saludo.