Modificar origen de determinadas imágenes con Javascript

He estado haciendo un blog para unos fotógrafos en wordpress, con la plantilla f8-static (esta muy bien, por cierto, y es gratuita).
Bueno mi problema, fue que subían imágenes, a un tamaño, y la plantilla me las modificaba desde un fichero al que no tenía acceso en ese momento que tenía que solucionarlo, así que como tenía las imágenes en el servidor subidas correctamentes, y la plantilla creaba otras miniaturas, mi solución (un tanto salvaje) a sido:
-Recoger el vector con las imágenes del objeto DOM.
-Buscar las imágenes que contienen la cadena 'XXX' en su origen.
-Modificar la cadena, poniendo bien de donde se lee la imagen.


<script type="text/javascript">
var posicion = 0;
var origen = "";
var i=0;
document.write("tienes: " + document.images.length + "<br />");

for (i = 1; i <= document.images.length; i++)
{
posicion = document.images[i].src.indexOf('XXX');
if(posicion > 0)
{
origen = document.images[i].src.substr(0,posicion -1) + ".jpg";
document.images[i].src = origen;
}
}
</script>

Con este código también aprobechamos para repasar conceptos básicos de JS como las variables, el bucle "for" y el acceso a las imágenes del comunento HTML.