seleccionar la imagen a actualizar de una pagina.

[ignadyne]

Hola

Necesito una ayuda.
Estoy modificando una web donde insertan imagenes de una fuente, La imagenes conservan el nombre pero varian (se sobre escribe el origen) por lo que esta se llaman cada 10 segundos.
El tema es que existen 2 fuentes de imagenes de las mismas caracteristicas, yo hice un codigo que facilmente llama estas imagenes para ser insertadas simultaneamente, pero lo que necesito hacer es poder seleccionar, usando un box o equivalente la fuente de las imagenes, cosa de no tener que desplegar simultaneamente las 2 imagenes en la pagina, y desplegar solo la que se seleccione.

el codigo que tengo es:

Código:

<SCRIPT language="JavaScript" type="text/javascript">
<!--
var t1 = 10 // intervalo en segundos
imgsrc1 = "";
function ErrorImg1() {
setTimeout("LoadImg1()", t1*1000);
} 
function LoadImg1() {
if (imgsrc1 == "") imgsrc1 = document.images.gs1.src;
document.images.gs1.onload = ""; 
tmp = new Date();
tmp = "?"+tmp.getTime();
document.images.gs1.src = imgsrc1+tmp;
setTimeout("LoadImg1()", t1*1000);
}
// -->
</SCRIPT> 
<p><IMG src="fuente1.jpg" width="352" height="288" border="1" name="gs1" onload="LoadImg1()" onerror="ErrorImg1()"></p>
            <p>&nbsp;</p>
            <p>
              <!--  Code End -->
              <em>C&aacute;mara 2</em></p>

<SCRIPT language="JavaScript" type="text/javascript">
<!--
var t2 = 10 // i intervalo en segundos
imgsrc2 = "";
function ErrorImg2() {
setTimeout("LoadImg2()", t2*1000);
} 
function LoadImg2() {
if (imgsrc2 == "") imgsrc2 = document.images.gs2.src;
document.images.gs2.onload = ""; 
tmp = new Date();
tmp = "?"+tmp.getTime();
document.images.gs2.src = imgsrc2+tmp;
setTimeout("LoadImg2()", t2*1000);
}
// -->
</SCRIPT> 

<IMG src="fuente2.jpg" width="352" height="288" border="2" name="gs2" onload="LoadImg2()" onerror="ErrorImg2()"></p>

No tengo mucha experiencia, pero muchas ganas!
Muchas gracias, si me pueden orientar se los agradecere,

Ignacio