Reemplazar Imagen por otra en un Mapa de Imágenes en forma permanente con Javascript

[jlx4]

Hola, buenas tardes, les cuento mi problema, tengo una imagen que está mapeada en cuadrados exactamente iguales, son cuadrados de 15 pixeles por 15 pixeles, esta imagen representa un terreno de mi campo que planeo arrendar por internet, pero lo que necesito hacer es que cada imagen se pueda clickear en forma independiente y reemplazar por otra, y una vez que la persona ya tenga decidida los cuadrados que me va a arrendar apriete otro botón y la imagen quede cambiada para siempre por otra que yo tenga en el servidor, igual necesito que cada vez que se clickee un cuadrado el número de este se vaya agregando a un cuadro de texto. Si pueden ayudarme se los agradecería.

PD: Cuando digo que el cambio sea de forma permanente me refiero a que no se cambie la imagen cada vez que se cargue la página.