// REPRODUCTOR DE FOTOS

var rf="";			//DONDE SE ALMACENA LA RUTA
var cargado=0;		//FLAG IMAGEN CARGADA EN EL VISOR (ANTE EVENTO ONLOAD)
var elindice=0;		//INDICE DE LA IMAGEN EN LA BASE DE DATOS
var imagenes=[];


//ancho y alto de recuadro visor en pixels (si la imagen es mayor, el recuadro se adapta a la imagen)
var ancho_visor = 400
var alto_visor = 240
//retardo entre imagenes en la reproduccion automatica (milisegundos)
var retardo_rotacion =100;

var cadena="";			//PUEDE TOMAR LOS VALORES "MARCHA" O "PARO"
var salto=1;			//UNIDAD DE AVANCE/RETROCESO EN LA SECUENCIA

var numeroimagenes=0;	//NÚMERO DE IMÁGENES DEL RECORRIDO
var numceros=0;			//NÚMERO DE CEROS TRAS "CAPTURA-"


//VARIABLES DE SPLIT
var subdirecd="";
var subdirecrec="";
var subdirecprincipal="";
var subrecorrido="";
var numerocaptura="";


//VARIABLES PARA EL REFRESCO DE MAPA.PHP
var v1="";
var v2="";
var v3="";
var v4="";
var v5="";
var v6="";
var v7="";
var v8="";
var v9="";

var camrec="";		//CONTROLA EL CAMBIO DE CÁMARA
var valorcam=2;		//EMPEZAMOS POR DEFECTO EN LA CENTRAL
var zoom=0;

var xrou="";

//ACTUALIZA ZOOM
function actualizazoom(x)
{
	zoom=x;
}

//CON ESTA FUNCION PRETENDO SIMPLIFICAR CODIGO HACIENDO TODOS LOS SPLITS AQUI CUANDO LLAMO A LAS OTRAS FUNCIONES
//ESPECIFICAS. HACE LOS SPLITS DE LA CADENA RF Y LAS VARIABLES QUE RELLENAN TAMBIEN SON GLOBALES DEL REPRODUCTOR
function bateriadesplits()
{
	//LA CADENA "RF" SERÁ DEL TIPO: rf= new String("./media/LACIE/recorrido/d00/d00/captura-000344.jpg");
	
	//NUMERO DE CAPTURA
	var splitnumero_uno = rf.split("-");
	var splitnumero_dos = splitnumero_uno[1];
	var splitnumero_tres = splitnumero_dos.split(".jpg");
	numerocaptura = splitnumero_tres[0];
	
	//SUBDIRECTORIO DEL RECORRIDO (LACIE, LACIE3,...)
	splitnumero_uno = rf.split("media/");
	splitnumero_dos = splitnumero_uno[1];
	splitnumero_tres = splitnumero_dos.split("/");
	subrecorrido = splitnumero_tres[0];
	
	//SUBDIRECTORIO DEL RECORRIDO (CAMARA 1 O CAMARA 2)
	if(subrecorrido == "LACIE")
		splitnumero_uno = rf.split("./media/LACIE/");
	if(subrecorrido ==  "LACIE2")
		splitnumero_uno = rf.split("./media/LACIE2/");
	if(subrecorrido == "LACIE3")
		splitnumero_uno = rf.split("./media/LACIE3/");
	if(subrecorrido == "LACIE4")
		splitnumero_uno = rf.split("./media/LACIE4/");
	if(subrecorrido ==  "LACIE5")
		splitnumero_uno = rf.split("./media/LACIE5/");
	if(subrecorrido == "LACIE6")
		splitnumero_uno = rf.split("./media/LACIE6/");
	if(subrecorrido == "LACIE7")
		splitnumero_uno = rf.split("./media/LACIE7/");
	if(subrecorrido ==  "LACIE8")
		splitnumero_uno = rf.split("./media/LACIE8/");
	if(subrecorrido == "LACIE9")
		splitnumero_uno = rf.split("./media/LACIE9/");
	if(subrecorrido == "LACIE10")
		splitnumero_uno = rf.split("./media/LACIE10/");
	if(subrecorrido ==  "LACIE11")
		splitnumero_uno = rf.split("./media/LACIE11/");
	if(subrecorrido == "LACIE12")
		splitnumero_uno = rf.split("./media/LACIE12/");
	if(subrecorrido == "LACIE13")
		splitnumero_uno = rf.split("./media/LACIE13/");
	if(subrecorrido ==  "LACIE14")
		splitnumero_uno = rf.split("./media/LACIE14/");
		
	splitnumero_dos = splitnumero_uno[1];
	splitnumero_tres = splitnumero_dos.split("/");
	subdirecrec = splitnumero_tres[0];
	
	//NUMERO DE SUBDIRECTORIO
	if(subdirecrec=="recorrido")
	{
		splitnumero_uno = rf.split("recorrido/d00/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirec = splitnumero_tres[0];
	}
	if(subdirecrec=="recorrido2")
	{
		splitnumero_uno = rf.split("recorrido2/d00/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirec = splitnumero_tres[0];
	}
	if(subdirecrec=="recorrido3")
	{
		splitnumero_uno = rf.split("recorrido3/d00/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirec = splitnumero_tres[0];
	}
		
	//SUBDIRECTORIO PRINCIPAL
	if(subdirecrec=="recorrido")
	{
		splitnumero_uno = rf.split("recorrido/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirecprincipal = splitnumero_tres[0];
	}
	if(subdirecrec=="recorrido2")
	{
		splitnumero_uno = rf.split("recorrido2/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirecprincipal = splitnumero_tres[0];
	}
	if(subdirecrec=="recorrido3")
	{
		splitnumero_uno = rf.split("recorrido3/");
		splitnumero_dos = splitnumero_uno[1];
		splitnumero_tres = splitnumero_dos.split("/");
		subdirecprincipal = splitnumero_tres[0];
	}
	
}

//PINTAR UNA IMAGEN PASADA COMO PARAMETRO
function pintar_imagen(ruta_imagen,ka,indicejs,camrecuno,z)
{
	
	//var rf= new String("./media/LACIE/recorrido/d00/d00/captura-000344.jpg");
	rf=ruta_imagen;
	zoom=z;
	//alert("zoom en pintar imagen="+zoom);
	//ES NECESARIO QUE EL ÍNDICE SEA UN NÚMERO Y NO UN STRING
	//PARA QUE AL RESTAR Y SUMAR SE COMPORTE COMO TAL
	elindice=parseInt(indicejs);
	
	if(elindice >= 0)
	{
		bateriadesplits();
		
		//PROBAR ESTE CÓDIGO A VER SI FUNCIONA
		//***
		
		divi=elindice/1000;
		divi=parseInt(divi);
		
		if(divi < 10)
			subdirec = "d0"+divi;
		else
			subdirec = "d"+divi;
		
		//CONTROL DEL CAMBIO DE CÁMARA PARA EL STOP
		camrec=camrecuno;
		if(camrec!="")
		{
			subdirecrec=camrec;
		}
			
	rf="./media/"+subrecorrido+"/"+subdirecrec+"/"+subdirecprincipal+"/"+subdirec+"/"+"captura-"+numerocaptura+".jpg";
	}
	
	document.images.visor.src=rf;
	
}

//CALCULA EL NÚMERO DE CEROS TRAS EL GUIÓN
function numerodeceros(indice)
{
	var despuesguion="";
	if(indice<10)
		despuesguion="00000";
	if(indice<100 && elindice >= 10)
		despuesguion="0000";
	if(indice<1000 && elindice >=100)
		despuesguion="000";
	if(indice<10000 && elindice >=1000)
		despuesguion="00";
	if(indice<100000 && elindice >=10000)
		despuesguion="0";

	return despuesguion;
}

//IR A LA SIGUIENTE IMAGEN
function siguiente(valor) 
{

	//var rf= new String("./media/LACIE/recorrido/d00/d00/captura-000344.jpg");
	var imspl = rf.split("-");
	var antesguion= imspl[0];
	salto = parseInt(salto);

	
	var indicevirtual = elindice + salto;

	
	if(indicevirtual>=numeroimagenes)
	{
		alert("Ha llegado a la ultima imagen del recorrido");
		valor=0;
	}
	else
		elindice=salto+elindice;
	
	var despues=numerodeceros(elindice);
	
	var total=antesguion+"-"+despues+elindice+".jpg";
	
	while(cargado!=1)
	{
		var nada=0;
		cargado=0;
	}
	pintar_imagen(total,0,elindice,camrec);
	
	if(valor==1)
	{
			reproducir();
	}
   
}

//IR A LA IMAGEN ANTERIOR
function anterior() 
{
	var imspl = rf.split("-");
	var antesguion= imspl[0];
	
	var indicevirtual = elindice - salto;
	if(indicevirtual<=0)
	{
		indicesjs=0;
		alert("Ha llegado a la primera imagen del recorrido");
	}
	else
		elindice=elindice-salto;
	
	var despues=numerodeceros(elindice);
	
	var total=antesguion+"-"+despues+elindice+".jpg";
	
	
	pintar_imagen(total,0,elindice,camrec);

}

//ALMACENA EL NUMERO DE IMAGENES DEL RECORRIDO EN LA VARIABLE GLOBAL
function get_num_imag(n)
{
	numeroimagenes=n;
	numeroimagenes=numeroimagenes-1;
}   

//CAMBIO DE CAMARA (MULTI)
function camara(parametro){

	//alert("param="+parametro);
	//alert("valorcam="+valorcam);
	//parametro = 0	FLECHA. IZQ PULSADA
	//parametro = 1	FLECHA. DER PULSADA
	
	//valorcam = 0	CAM ACTUAL = IZQ
	//valorcam = 1	CAM ACTUAL = DER
	//valorcam = 2 	CAM ACTUAL = CEN
	
	if(parametro==0)	//flecha izquierda pulsada
	{
		if(valorcam==0)	//ya estamos en camara izquierda --> no se hace nada
		{
			
		}
		else if(valorcam==1)	//estamos en camara derecha --> la camara pasa a ser la central y los dos botones en azul
		{
			document.getElementById("flechader").src="./imagdiseca/flecha-derecha.gif";
			document.getElementById("flechaizq").src="./imagdiseca/flecha-izquierda.gif";
			subdirecrec="recorrido3";
			valorcam=2;
		}
		else if(valorcam==2)	//estamos en la camara central --> la camara pasa a ser la izquierda, boton izq gris y boton derecho azul
		{
			document.getElementById("flechader").src="./imagdiseca/flecha-derecha.gif";
			document.getElementById("flechaizq").src="./imagdiseca/flecha-izquierda.png";
			subdirecrec="recorrido";
			valorcam=0;
		}
		
	}
	else if(parametro==1)	//flecha derecha pulsada
	{
		if(valorcam==0)	//estamos en la camara izquierda --> la camara pasa a ser la central y los dos botones en azul
		{
			document.getElementById("flechader").src="./imagdiseca/flecha-derecha.gif";
			document.getElementById("flechaizq").src="./imagdiseca/flecha-izquierda.gif";
			subdirecrec="recorrido3";
			valorcam=2;
		}
		else if(valorcam==1)	//estamos en camara derecha --> no se hace nada
		{
			
		}
		else if(valorcam==2)	//estamos en la camara central --> la camara pasa a ser la derecha, boton der gris y boton izq azul
		{
			document.getElementById("flechader").src="./imagdiseca/flecha-derecha.png";
			document.getElementById("flechaizq").src="./imagdiseca/flecha-izquierda.gif";
			subdirecrec="recorrido2";
			valorcam=1;
		}
		
	}
	
	total="./media/"+subrecorrido+"/"+subdirecrec+"/"+subdirecprincipal+"/"+subdirec+"/"+"captura-"+numerocaptura+".jpg";
	pintar_imagen(total,0,elindice,"");
	
}

function auxiliar()
{
	cargado=1;
}

function salto5()
{

	salto=5;
	
	//document.getElementById("valor-salto").value=salto;
	siguiente(0);
	
}
function saltom5()
{

	salto=5;
	
	//document.getElementById("valor-salto").value=salto;
	anterior();
	
}
function salto1()
{
	salto=1;
	siguiente(0);
}
function saltom1()
{
	salto=1;
	anterior();
}

function PintaRecuadro(){

	with(document){
		//FONDO-MAPA
		write('<div style="position:absolute; margin-left:0px; margin-top:-10px; width:418px; height:393px;">')
		write('<img src="./imagdiseca/fondo-mapa.gif">')
		write('</div>')
	}

}

//PINTA EL VISOR DE IMAGENES	
function PintaVisor(nr,des,la,lo,no,ind,nore,url,todrec) {
	
	v1=nr;		//numero de recorrido
	v2=des;		//destino
	v3=la;		//latitud
	v4=lo;		//longitud
	v5=no;		//nombre de la imagen
	v6=ind;		//índice de la imagen
	v7=nore;	//nombre del recorrido
	v8=url;		//url
	v9=todrec;	//todos los recorridos
	
	var ruta=".";
	var enl=ruta+imagenes[0];
	var ancho_visor_mayor = ancho_visor+10;

	
	//var xrou='<img src=' + ruta+imagenes[0] + '" name="visor" onload="auxiliar()"></a>';
	var xrou='<img src="./imagdiseca/nada.gif" name="visor" onload="auxiliar()"></a>';
	
	with(document){
	
		write('<style type="text/css">')
		write('img{border:0}')
		write('</style>')

		//IMAGEN
		write('<span style="position:absolute; left:0px; top:0px; width:360px; height:240px">')
		write(xrou)
		write('</span>')
		
		
		//FLECHA IZQUIERDA
		write('<div style="position:absolute; margin-left:-8; margin-top:-8; width:37px; height:55px">')
		write('<a href="#"><img id="flechaizq" src="./imagdiseca/flecha-izquierda.gif"  alt="cámara izquierda" onclick="camara(0);"></a>')
		write('</div>')
		
		//FLECHA DERECHA
		write('<div style="position:absolute; margin-left:313; margin-top:-8; width:37px; height:55px">')
		write('<a href="#"><img id="flechader" src="./imagdiseca/flecha-derecha.gif" alt="cámara derecha" onclick="camara(1);"></a>')
		write('</div>')
		
		
		//FINAL
		write('<div style="position:absolute; margin-left:328px; margin-top:200px; width:24px; height:22px;">')
		write('<a href="#"><img src="./imagdiseca/final.gif" alt="Avanzar 5" onClick="salto5();"></a>')
		write('</div>')
	
		//FORWARD
		write('<div style="position:absolute; margin-left:304px; margin-top:200px; width:24px; height:22px;">')
		write('<a href="#"><img src="./imagdiseca/forward.gif" alt="Avanzar" onClick="salto1();"></a>')
		write('</div>')
		
		
		//REWIND
		write('<div style="position:absolute; margin-left:280px; margin-top:200px; width:24px; height:22px;">')
		write('<a href="#"><img src="./imagdiseca/rewind.gif" alt="Retroceder" onClick="saltom1();"></a>')
		write('</div>')
	
		//PRINCIPIO
		write('<div style="position:absolute; margin-left:256px; margin-top:200px; width:24px; height:22px;">')
		write('<a href="#"><img src="./imagdiseca/principio.gif" alt="Retroceder 5" onClick="saltom5();"></a>')
		write('</div>')
	
	}

}