Problemas com album de fotos

Estou criando um album de fotos simples em php, ele ja esta pronto , mas gostaria de que a cada vez que o usuario clicasse em uma miniatura para ampliar, nao fosse necessario recarregar a pagina, eu estou aprendendo ainda a mexer com AJAX, eu fiz esse codigo:

<script>
//Load Photo Script

function $(a) {
	return document.getElementById(a);
}

function lf(id)

{

$('foto').scr = id.scr;
}
</script>

e para as miniaturas coloquei assim nas tags:

onclick="lf(this);"
mas o codigo nao esta funcionando, gostaria que alguem me ajudasse... para ficar + claro ainda, gostaria que ao clicar em uma miniatura, a propriedade scr dela fosse transferida para o elemento FOTO, que no caso é uma imagem sem limite de tamanho.

desde já agradeço!