galería de imágenes con HTML y js

Hola...estaba haciendo una gelría de imágenes con un script que me pasó Joshua que aunque sencillo funciona muy bien:

// JavaScript Document
// canManipulateImages - check if the browser we're using can do
// clever stuff with document images.

function canManipulateImages() {
if (document.images)
return true;
else
return false;
}

// loadPosterImage

function loadPosterImage(imageURL) {
if (gImageCapableBrowser) {
document.imagePoster.src = imageURL;
return false;
}
else {
return true;
}
}

// gImageCapableBrowser - is this browser hip to images? Set up
// a global variable so that we don't have to keep calling a function
// (useful if the function becomes costly to compute).

gImageCapableBrowser = canManipulateImages();

el HTML, en el enlace a cada una de las fotos:

A onclick="return(loadPosterImage('images/foto2.jpg'))" href="images/foto2.jpg">img src="images/tb2.jpg" width="40" height="40" border="0" /></a></td>

Y en la primera foto, donde se colocarán todas las demás:

img src="images/titulo.gif" width="500" height="500" name=imagePoster>

(le he quitado el < a las etiquetas para que se vea el código y no busque la imagen)
Hasta aqui todo bien... el problema viene cuando carga una imagen cuyo formato o tamaño no es el mismo que el de esa primera foto (en este caso, 500x500) porque me lo reescala todo a ese tamaño, deformándome las imágenes...

Imagino que se podrá arreglar con algún pequeño añadido a ese script original, pero yo de js ni idea....

Graaaaaaaaaaaaaaaaaaaaaaaacias :D