// JavaScript Document

function PonerTrans()
{
 var ancho = document.body.scrollWidth+"px";
 var alto = document.body.scrollHeight+"px";
 

 var capa = document.getElementById('cTrans');
 var tdt = document.getElementById('tdTrans');
 tdt.style.width = ancho;
 tdt.style.height = alto;
 
 capa.style.visibility = 'visible';

}


function QuitarTrans()
{
 var capa = document.getElementById('cTrans');
 capa.style.visibility = 'hidden';
}

function VerInstrucciones(opcion)
{
	PonerTrans();
	document.getElementById('flechaAnt').style.visibility = 'hidden';
	document.getElementById('flechaSig').style.visibility = 'visible';
	document.getElementById('numero').innerHTML = "1";
	document.getElementById('foto').src = "Images/"+opcion+"/instruc1.gif";
	document.getElementById('texto').innerHTML = arrayDatos[1];
	indice = 1;
	
	var capa = document.getElementById('cInstrucciones');
	var ancho = window.screen.width / 2;
	var ancho_div = (document.getElementById('foto').width / 2);
	CentrarCapa(capa);
	capa.style.visibility = 'visible';
}


function OcultarInstrucciones()
{
	document.getElementById('flechaAnt').style.visibility = 'hidden';
	document.getElementById('flechaSig').style.visibility = 'hidden';
	var capa = document.getElementById('cInstrucciones');
	capa.style.visibility = 'hidden';
	QuitarTrans();
}

function VerAnterior(ind,opcion)
{
	document.getElementById('flechaSig').style.visibility = 'visible';
		
	var indAux = ind-1;
	if (indAux==1)
		document.getElementById('flechaAnt').style.visibility = 'hidden';
	else
		document.getElementById('flechaAnt').style.visibility = 'visible';
	
	document.getElementById('numero').innerHTML = indAux;
	document.getElementById('foto').src = "Images/"+opcion+"/instruc"+indAux+".gif";
	document.getElementById('texto').innerHTML = arrayDatos[indAux];
	indice = indAux;
}

function VerSiguiente(ind,opcion)
{
	document.getElementById('flechaAnt').style.visibility = 'visible';
		
	var indAux = ind+1;
	if (arrayDatos.length-1 == indAux)
		document.getElementById('flechaSig').style.visibility = 'hidden';
	else
		document.getElementById('flechaSig').style.visibility = 'visible';
	
	document.getElementById('numero').innerHTML = indAux;
	document.getElementById('foto').src = "Images/"+opcion+"/instruc"+indAux+".gif";
	document.getElementById('texto').innerHTML = arrayDatos[indAux];
	indice = indAux;
}

function VerTratamiento()
{
	PonerTrans();
	
	var capa = document.getElementById('cTratamiento');
	capa.style.width = '700px';
	CentrarCapa(capa);
	capa.style.visibility = 'visible';
}


function OcultarTratamiento()
{
	var capa = document.getElementById('cTratamiento');
	capa.style.visibility = 'hidden';
	QuitarTrans();
}


function VerJaulon()
{
	PonerTrans();
	document.getElementById('flechaAntJ').style.visibility = 'hidden';
	document.getElementById('flechaSigJ').style.visibility = 'visible';
	document.getElementById('numeroJ').innerHTML = "1";
	document.getElementById('fotoJ').src = "Images/bodegas/jaulon/instruc1.gif";
	document.getElementById('textoJ').innerHTML = arrayJaulon[1];
	indic = 1;
	
	var capa = document.getElementById('cJaulon');
	var ancho = window.screen.width / 2;
	var ancho_div = (document.getElementById('fotoJ').width / 2);
	CentrarCapa(capa);
	capa.style.visibility = 'visible';
}


function OcultarJaulon()
{
	document.getElementById('flechaAntJ').style.visibility = 'hidden';
	document.getElementById('flechaSigJ').style.visibility = 'hidden';
	var capa = document.getElementById('cJaulon');
	capa.style.visibility = 'hidden';
	QuitarTrans();
}

function VerAnteriorJ(ind)
{
	document.getElementById('flechaSigJ').style.visibility = 'visible';
		
	var indAux = ind-1;
	if (indAux==1)
		document.getElementById('flechaAntJ').style.visibility = 'hidden';
	else
		document.getElementById('flechaAntJ').style.visibility = 'visible';
	
	document.getElementById('numeroJ').innerHTML = indAux;
	document.getElementById('fotoJ').src = "Images/bodegas/jaulon/instruc"+indAux+".gif";
	document.getElementById('textoJ').innerHTML = arrayJaulon[indAux];
	indic = indAux;
}

function VerSiguienteJ(ind)
{
	document.getElementById('flechaAntJ').style.visibility = 'visible';
		
	var indAux = ind+1;
	if (arrayJaulon.length-1 == indAux)
		document.getElementById('flechaSigJ').style.visibility = 'hidden';
	else
		document.getElementById('flechaSigJ').style.visibility = 'visible';
	
	document.getElementById('numeroJ').innerHTML = indAux;
	document.getElementById('fotoJ').src = "Images/bodegas/jaulon/instruc"+indAux+".gif";
	document.getElementById('textoJ').innerHTML = arrayJaulon[indAux];
	indic = indAux;
}

function PonerEfecto(imagen)
{
	var imagen = eval("document.getElementById('"+imagen+"').className='efecto'");
}

function QuitarEfecto(imagen)
{
	var imagen = eval("document.getElementById('"+imagen+"').className=''");
}

function CentrarCapa(capa)
{

    var anchoCapa = 0;
    if (capa.style.width=='')
        anchoCapa = 600;
    else
        anchoCapa = parseInt(capa.style.width);
        
    var altoCapa = 0;
    if (capa.style.height=='')
        altoCapa = 100;
    else
        altoCapa = parseInt(capa.style.height);
        
    var navegador = navigator.appName;
 
    if (navegador == "Microsoft Internet Explorer")
    {
        var pantallaX = document.body.clientWidth;
        var pantallaY = document.body.clientHeight;
        capa.style.top = 100;
        capa.style.left = (pantallaX/2) + document.body.scrollLeft - (anchoCapa/2);
    }
    else
    {
       var pantallaX = window.innerWidth;
       var pantallaY = window.innerHeight;
       capa.style.top = '100px'; 
       capa.style.left = (pantallaX/2) + document.documentElement.scrollLeft - (anchoCapa/2) + 'px';
    }

}