CAMBIO DE MINIATURAS

Esto es una funcioncita un poco tonta pero que no la encontré por ningún sitio, el escenario es el siguiente, una imagen principal y unas miniaturas.


Lo que se desea es que al hacer click en la imagen inferior se cargue la imagen en la parte superior, el objetivo es poder ir recorriendo las imagenes.

<?php for($i=0;$i<$numImagenes;$i++){ ?>
<img class="imagenPeq" id="imagen<?php echo $i;?>" src="<?php echo $datosImagenes['url']?>" onclick="cambiarImagenPrincipal(this.id)"/>
<?php $datosImagenes=mysql_fetch_array($rsImagenes);}?>

La función cambiarImagenPrincipal es la siguiente:

function cambiarImagenPrincipal(id){
var imagenPrincipal=document.getElementById('AnuncioimagenPrincipal').src;
document.getElementById('AnuncioimagenPrincipal').src=document.getElementById(id).src;
document.getElementById(id).src=imagenPrincipal;
}

Esto no funciona en blogger ya que no permite codigo php, la finalidad de este codigo es para webs.