/**
 * galeria_img.js: Funciones para gestionar la galería de imágenes
 *
 */

var imgInicial = '1';
var imgActual = '2';
var capaInicial = 'capa1';


function mostrarCapa(nombreCapa)
{ 
	document.getElementById(nombreCapa).style.visibility="visible"; 
	document.getElementById(nombreCapa).style.display="block";
} 

function ocultarCapa(nombreCapa)
{ 
	document.getElementById(nombreCapa).style.visibility="hidden";
	document.getElementById(nombreCapa).style.display="none"; 
} 

function cambiarCapa (capaVisible, capaOculta)
{ 
	ocultarCapa(capaVisible); 
	mostrarCapa(capaOculta); 
} 

function clearInnerHTML (obj) {
	// so long as obj has children, remove them
	while(obj.firstChild) obj.removeChild(obj.firstChild);
}


function cambiarTextoEtiqueta (id,obj)
{
	clearInnerHTML(document.getElementById(id));
	var texto=obj.getAttribute(id);
	document.getElementById(id).appendChild(document.createTextNode(texto));
}

function asignarValorAtributo (id, atributo, valor)
{
	document.getElementById(id).setAttribute(atributo, valor);

}

function showPic (obj) 
{

if (document.getElementById) 
{
  	
	/* Comprobamos si la nueva imagen está en la misma capa de imágenes que la actual, y si no es así la cambiarmos*/
	var objAct = document.getElementById(imgActual);
		if  ( obj.getAttribute('capa') != objAct.getAttribute('capa') )
		{
		cambiarCapa (objAct.getAttribute('capa'), obj.getAttribute('capa'));
		}
	
	/*Cambiamos el link a la imagen*/	
  	asignarValorAtributo ('placeholder', 'src', obj.getAttribute('href'));
  
  	/* Cambiar datos de la imagen */
  	cambiarTextoEtiqueta ('titulo', obj);
  	cambiarTextoEtiqueta ('anio', obj);
	cambiarTextoEtiqueta ('material', obj);
	cambiarTextoEtiqueta ('tamanio', obj);
	cambiarTextoEtiqueta ('propiedad', obj);
  	cambiarTextoEtiqueta ('texto', obj);
  
  	/* Destacamos el número de la imagen activa */
  	asignarValorAtributo (obj.getAttribute('id'), 'class', 'img_activa'); /*Para FireFox*/
  	asignarValorAtributo (obj.getAttribute('id'), 'className', 'img_activa');  /*Para IE*/
	
		/*Comprobamos si la imagen nueva es distinta que la actual */
	if (obj.getAttribute('id') != imgActual)
		{
  		/* Quitamos el resalte al número de la imagen anterior */
    	asignarValorAtributo (imgActual, 'class', 'img_normal'); /*Para FireFox*/
  		asignarValorAtributo (imgActual, 'className', 'img_normal');  /*Para IE*/
		
		/* Guardamos el id de la imagen actual para la próxima recarga */	
  		imgActual = obj.getAttribute('id'); /*Esto no funciona */
 		}
  
   	return false;
} 
else 
{ 
	return true; 
}
}

function mostrarImg(id)
{
	if ( document.getElementById(id) ) 
 	{
		var obj = document.getElementById(id);
		showPic (obj);
	}
	else 
 	{ 
		return true; 
	}
}

function mostrarSigImg()
{
	var id = parseInt(imgActual) + 1;
	mostrarImg (id);
}

function mostrarAntImg()
{
	var id = parseInt(imgActual) - 1;
	mostrarImg (id);
}

function inicio() 
{
	var obj = document.getElementById(imgInicial);
	showPic (obj);
	mostrarCapa (capaInicial);
}