// JavaScript Document

function inicializacion()
{
	 n_elementos= new Array(6);		/* Número total de galerías */
	 imagengaleria= new Array(6);
	 nombregaleria = new Array(6);
	 srccaja = new Array(10);		/* NO TOCAR */
	 
	 n_elementos[1]=4;				/* número de grupos en custom*/
	 n_elementos[2]=29;				/* número de grupos en drawing*/
	 n_elementos[3]=4;				/* número de grupos en graphic*/
	 n_elementos[4]=5;				/* número de grupos en lifestyle*/
	 n_elementos[5]=6;				/* número de grupos en paint*/
	 n_elementos[6]=2;				/* número de grupos en wallart*/
	 
	 nombregaleria[1]="customseries";
	 nombregaleria[2]="drawing";
	 nombregaleria[3]="graphic";
	 nombregaleria[4]="lifestyle";
	 nombregaleria[5]="paint";
	 nombregaleria[6]="wallart";
		 
	 imagengaleria[1]="imagenes/custominicio.png";
	 imagengaleria[2]="imagenes/drawinginicio.png";
	 imagengaleria[3]="imagenes/graphicinicio.png";
	 imagengaleria[4]="imagenes/lifestyleinicio.png";
	 imagengaleria[5]="imagenes/paintinicio.png";
	 imagengaleria[6]="imagenes/wallartinicio.png";
	 
	 galeria=1;						/*galeria inicial*/
	 grupo=1;						/*grupo inicial*/

	/* al ejecutarse por primera vez se deberá ver una imagen central */
	document.getElementById("principal").src= "imagenes/home-fondo.png";
	}

function asignarsrc()
{
document.getElementById("caja1").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[1]+".png";
document.getElementById("caja2").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[2]+".png";
document.getElementById("caja3").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[3]+".png";
document.getElementById("caja4").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[4]+".png";
document.getElementById("caja5").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[5]+".png";
document.getElementById("caja6").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[6]+".png";
document.getElementById("caja7").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[7]+".png";
document.getElementById("caja8").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[8]+".png";
document.getElementById("caja9").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[9]+".png";
document.getElementById("caja10").src="imagenes/"+nombregaleria[galeria]+"thumbs/"+nombregaleria[galeria]+srccaja[10]+".png";
}


function seleccionagaleria(valor)
{
	/* esta función se ejecuta cada vez que seleccinamos una nueva galería. */
	
	galeria=valor;      /* se asigna la galeria via parámetro*/
	grupo=1;   			/* establece el puntero en 1. Esto significa que empezamos por el primer grupo de imágenes */
	seleccionagrupo(0);	/* hacemos que se muestre el primer grupo de thums */
	document.getElementById("principal").src= imagengaleria[valor];
}

function seleccionagrupo(valor)
{
	
grupo = grupo + valor;  

/* Controlamos si el grupo sobepasa el número de elementos de esa galería, tanto por exceso como por defecto */
	
	if (grupo > n_elementos[galeria])
		{ grupo=1; }
		else
		{ 
		  if (grupo==0) { grupo = n_elementos[galeria]; }  
		}
		
/*Montamos la cadena en formato "0000" */	

for (var i=1;i<11;i++)

{
srccaja[i]=((grupo-1)*10+i);
if (srccaja[i]<10)
			{srccaja[i]="000" + srccaja[i];}
		 else
		 {  if (srccaja[i]<100)
		   {srccaja[i]="00" + srccaja[i];}
		   else
			if (srccaja[i]<1000){srccaja[i]="0" + srccaja[i];}
		 }
		
}
		 
asignarsrc();
		
}

function muestra(caja)
{
	
document.getElementById("principal").src="imagenes/"+nombregaleria[galeria]+"/"+nombregaleria[galeria]+srccaja[caja]+".jpg";
	
}