Ciao a tutti.
Sto tentando di realizzare una piccola gallery fotografica che come punto di partenza dovrebbe avere il deguente schema:



ciò che vorrei realizzare è questo:

La foto 1 all'inizio, si vede nella sua dimensione fissata, cliccando sulla foto 2 essa si dovrebbe allargare per raggiungere le dimensioni 153x153 px e la foto 1 si deve accorciare.
Il problema sarebbe più semplice se non ci fossero le maschere.
Siccome la foto 2 è una parte di una foto e per questo è mascherata, quando ci clicco sopra dovrebbe succedere che:
la maschera si ingrandisce fino a raggiungere le dimensioni 153x153, la foto 1 (che ha la maschera grande 153x153) si riduce per lasciare il posto alla foto 2.
Qualcuno ha qualche suggerimento o indicazione da segnalare?

Spero di essermi spiegato
Vi ringrazio