/********************************
/*
/* PAGE INITIALIZATION
/*
/*******************************/

// DEFINE CONSTANTS
var ERROR_STR = '-:enTropico_!ERROR!_enTropico:-';
var SUCCESS_STR = '-:enTropico_!SUCCESS!_enTropico:-';

// set onLoad event handler to page
addEvent(window, 'load', initPage, false);

//initialize page elements
function initPage()
{
	
	if (!document.getElementById || !document.getElementsByTagName || !document.getElementsByName)
		return;
		
	//menu
	menu();
	
	var glosario = document.getElementById('glosario');
	var linkos = glosario.getElementsByTagName('a');

	for(var i=0;i<linkos.length;i++)
	{
		
		if (linkos[i].id.indexOf('ampliar')!=-1)
		{
			addEvent(linkos[i], 'click', clickAmpliar, false);
		}
		else if (linkos[i].id.indexOf('cerrar')!=-1)
		{
			addEvent(linkos[i], 'click', clickCerrar, false);
		}
		else if (linkos[i].id.indexOf('ant')!=-1)
		{
			addEvent(linkos[i], 'click', clickImgAnterior, false);
		}
		else if (linkos[i].id.indexOf('sig')!=-1)
		{
			addEvent(linkos[i], 'click', clickImgSiguiente, false);
		}
		else if (linkos[i].id.indexOf('image')!=-1)
		{
			addEvent(linkos[i], 'click', ampliarImg, false);
		}
	}
}

function menu (e){document.getElementById('Abc').src = 'images/internas/b_abcDolor_on.gif';}

function clickAmpliar(e)
{
	//alert('juasss');
	//document.getElementById('caso').style.display='block';
	var target = findTarget(e);

	//search idGlosario whit id="ampliar" and show what we want
	var idGlosario = target.id.substring(7,target.id.length);
	document.getElementById('detalles'+idGlosario).style.display='block';

	//search idGlosario whit id="cerrar" and show what we want
	var cerrar = target.id.substring(6,target.id.length);
	document.getElementById('cerrar'+idGlosario).style.display='block';

	//hide anotherone
	document.getElementById('ampliar'+idGlosario).style.display='none';

}

function clickCerrar(e)
{
	var target = findTarget(e);

	//search idGlosario whit id="cerrar" and show what we want
	var idGlosario = target.id.substring(6,target.id.length);
	document.getElementById('detalles'+idGlosario).style.display='none';

	//search idGlosario whit id="cerrar" and show what we want
	var ampliar = target.id.substring(6,target.id.length);
	document.getElementById('ampliar'+idGlosario).style.display='block';

	//hide anotherone
	document.getElementById('cerrar'+idGlosario).style.display='none';
}



function clickImgSiguiente(e)
{

	var target = findTarget(e);

	var idGlosario = target.id.substring(3,target.id.length);
	var n = eval('n'+idGlosario);
	var length =  eval('imagenes'+idGlosario+'.length');
	
	if(n<length -1)
		n++;
	else
		n=0;
	
	eval('n'+idGlosario+'='+n);
	drawImagen(n, idGlosario);
	
}

function clickImgAnterior(e)
{

	var target = findTarget(e);

	var idGlosario = target.id.substring(3,target.id.length);

	var n = eval('n'+idGlosario);
	var length =  eval('imagenes'+idGlosario+'.length');
	
	if(n==0)
		n=length - 1;
	else
		n--;
	
	eval('n'+idGlosario+'='+n);
	drawImagen(n, idGlosario);
}

function drawImagen(n, id)
{
	
		var newTitulo = eval('imagenes'+id+'['+n+'][2]');
		var newRuta   = eval('imagenes'+id+'['+n+'][0]');
		var newAlt    = eval('imagenes'+id+'['+n+'][1]');
		
		//get nombre image from span
		var nombreImagen = document.getElementById('nombre'+id);
		nombreImagen.innerHTML='<br />'+newTitulo;
		
		var numFoto = document.getElementById('numFoto'+id);
		numFoto.innerHTML='Foto '+(n+1)+'';
		//nombreImagen.firstChild.nodeValue =eval('imagenes'+idGlosario+'[0 +'+'n][2]');

		//get id from image for change propertys
		var imagen= document.getElementById('imagen'+id);

		//set propertys to display new image
		imagen.src = newRuta;
		imagen.alt = newAlt;

}

function ampliarImg (e)
{
	var target = findTarget(e);
	
	var idGlosario = target.id.substring(5,target.id.length);
	
	var n = eval('n'+idGlosario);
	
	if(eval('imagenes'+idGlosario))
	{
		var img = document.getElementById('imagen'+idGlosario);
		var y = img.height;
		
		var newRutaLarge   = eval('imagenes'+idGlosario+'['+n+'][3]');
		
		var popup = window.open(newRutaLarge,'plop','width=400,'+'height='+(y*3.3));
		popup.focus();	
	}	
}