// JavaScript Document

/*
	cada vez que haga click sobre una fe las imágenes pequenas, llamará a esta función, pasandole
	como parámetros el nombre, propiedades y tamano de la tela, para que se muestren en la tabla inferior
	que hay debajo de la imagen del retal grande
	parámetros para la funcion javascript mostraInfo()
		* 1er argumento: Nombre de la tela
		* 2o argumento: Tipo de tela
		* 3r argumento: Tamanyo de la tela
		* 4o argumento: 1 si ha de salir la imagne de "antimancha" 0 si no ha de salir
		* 50 argumento: nombre de la imagen de la tela en grande	
	
*/
function mostraInfo(nom, prop, tam, mancha, imagen, carpeta){
	var tdNom, tdPropietat, tdTamany;
	
	tdNom = document.getElementById("nomTela");
	tdPropietat = document.getElementById("propietatTela");
	tdTamany = document.getElementById("tamanyTela");
	tdMancha = document.getElementById("imgMancha");
	
	tdNom.innerHTML = "<b>"+nom+"</b>";							//en el td de Propietat ponemos el nombre que nos han pasado
	tdPropietat.innerHTML = prop;								// y hacemos lo mismo con los otros dos td, donde solo hay que poner texto
	tdTamany.innerHTML = tam;						
	
	if(imagen != ""){											//si se le pasa el nombre de la imagen grande de la tela, creara el objeto
		tdRetal = document.getElementById("retal");				//imagen y le asignará la el path de la imagen, con el src del objeto
		if(tdRetal.childNodes.length > 0){
			tdRetal.removeChild(tdRetal.firstChild);			//si ya hay alguna imagen, elimina ese nodo para anadir el nuevo
			imgRetal = document.createElement('img');
			imgRetal.src = "http://www.enzolanzi.com/imgs/"+carpeta+"/"+imagen;
			imgRetal.style.width=303+"px";
			imgRetal.style.height=146+"px";
			tdRetal.appendChild(imgRetal);						//se anada como hijo del td que ha de contener la imagen
		}
	}
	
	if(mancha){													//si se le pasa un 1, mostrara la imagen de Antimancha
		imgAntiMancha = document.createElement('img');
		imgAntiMancha.src="http://www.enzolanzi.com/imgs/antimanchas.gif";
		if(tdMancha.childNodes.length > 0){						//el td solo puede tener un hijo, qu eha de ser una imagen. Si tiene un hijo (length > 1) elimina ese
			tdMancha.removeChild(tdMancha.firstChild);			//nodo para anadir la nueva imagen. Si no elimina la img existente, las imágenes se iran duplicando
		}
		tdMancha.appendChild(imgAntiMancha);					//anade la nueva imagen como un nuevo hijo del td
	}else{
		try{
			tdMancha.removeChild(tdMancha.firstChild);			//si se pasa un cero, elimina la imagen
		}catch(e){return true;}
	}
}