var fotoDetalles = 0;
var maxFotoDetalles = 0;
var minFotoDetalles = 0;
var idCatalogo = 0;
var idG=0;
var	secG="";
var	conG="";
var	subpG="";
var	npagG=0;
var pagG ="";
var admin = 0;
var ruta = "fotos_catalogo/";
var call = "gestionarRestoImagenes";
var paginaBorrar = "info=detalles";

function setFotoDetalles(in_fotoDetalles){
	fotoDetalles = in_fotoDetalles;	
}

function setIdCatalogo(in_id){
	idCatalogo = in_id;	
}

function setLimitesFotoDetalles(in_fotoDetallesMax, in_fotoDetallesMin){
	maxFotoDetalles = in_fotoDetallesMax;
	minFotoDetalles = in_fotoDetallesMin;
}

function obtenerXHR(){
	req=false;
	if (window.XMLHttpRequest){
		req= new XMLHttpRequest();
	}else{
		if (ActiveXObject){
			var vectorVersiones = ["MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHttp"];
			for (var i=0; i<vectorVersiones.length;i++){
				try{
					req = new ActiveXObject(vectorVersiones[i]);
					return req;
				}catch(e){}
			}
		}
	}
	return req;
}

function gestionarRestoImagenes(direccion,iniciado){
	ruta = "fotos_catalogo/";
	call = "gestionarRestoImagenes";
	paginaBorrar = "info=detalles";
	var holder = document.getElementById("foto");
	while(holder.hasChildNodes()){
		holder.removeChild(holder.lastChild);
	}
	peticion.open("GET","XMLobtenerRestoImagenes.php?inicio="+fotoDetalles+"&direccion="+direccion+"&catalogo="+idCatalogo+"&ini="+iniciado,true);
	peticion.onreadystatechange = procesarRestoImagenes;
	peticion.send(null);
}

function gestionarRestoImagenesRef(direccion,iniciado){
	call = "gestionarRestoImagenesRef";
	ruta = "Imagenes_ref/";
	paginaBorrar = "vista=detalles_ref";
	var holder = document.getElementById("foto");
	while(holder.hasChildNodes()){
		holder.removeChild(holder.lastChild);
	}
	peticion.open("GET","XMLobtenerRestoImagenesRef.php?inicio="+fotoDetalles+"&direccion="+direccion+"&catalogo="+idCatalogo+"&ini="+iniciado,true);
	peticion.onreadystatechange = procesarRestoImagenes;
	peticion.send(null);
}

function procesarRestoImagenes(){
	if (peticion.readyState==4){		
		if (peticion.status==200){
			var xml = peticion.responseXML;
			var c = xml.documentElement;
			setFotoDetalles(c.childNodes[0].getAttribute("id"));
			var cuadro = document.getElementById("foto");
			var imagen = document.createElement("img");
			imagen.src = ruta+c.childNodes[0].getAttribute("valor");
			imagen.height="440";
			imagen.width="660";
			cuadro.appendChild(imagen);
			if (admin==1){
				addAdminIcons(idG,secG,conG,subpG,npagG,pagG);
			}
			if (fotoDetalles>minFotoDetalles){
				var span = document.createElement("span");
				span.id="flechaImagenDerecha";
				var enlace = document.createElement("a");
				enlace.href = "javascript:"+call+"(1,true)";
				var imagen = document.createElement("img");
				imagen.src = "imagenes/flechaDerechaDetalles.png";
				imagen.height=42;
				imagen.width=24;
				imagen.border=0;
				enlace.appendChild(imagen);
				span.appendChild(enlace);
				cuadro.appendChild(span);
			}
			if (fotoDetalles<maxFotoDetalles){
				var span = document.createElement("span");
				span.id="flechaImagenIzquierda";
				var enlace = document.createElement("a");
				enlace.href = "javascript:"+call+"(0,true)";
				var imagen = document.createElement("img");
				imagen.src = "imagenes/flechaIzquierdaDetalles.png";
				imagen.height=42;
				imagen.width=24;
				imagen.border=0;
				enlace.appendChild(imagen);
				span.appendChild(enlace);
				cuadro.appendChild(span);
			}
		}
	}
}
function addAdminIcons(id,sec,con,subp,npag,pag){
	idG=id;
	secG=sec;
	conG=con;
	subpG=subp;
	npagG=npag;
	pagG = pag;
	var cuadro = document.getElementById("foto");
	var span = document.createElement("span");
	span.id="add";
	var enlace = document.createElement("a");
	enlace.href = "javascript:mostrarPanelNuevaImagen("+id+",'"+sec+"','"+con+"','"+subp+"',"+npag+")";
	//enlace.href = "addFoto.php?id="+id;
	var imagen = document.createElement("img");
	imagen.src = "imagenes/addICON.png";
	imagen.height=25;
	imagen.width=25;
	imagen.border=0;
	enlace.appendChild(imagen);
	span.appendChild(enlace);
	cuadro.appendChild(span);
	var span = document.createElement("span");
	span.id="delete";
	var enlace = document.createElement("a");
	enlace.href = "?borrar="+fotoDetalles+"&id="+id+"&sec="+sec+"&con="+con+"&sub="+subp+"&npag="+npag+"&pag="+pag+"&"+paginaBorrar;
	var imagen = document.createElement("img");
	imagen.src = "imagenes/deleteICON.png";
	imagen.height=25;
	imagen.width=25;
	imagen.border=0;
	enlace.appendChild(imagen);
	span.appendChild(enlace);
	cuadro.appendChild(span);
}

function mostrarPanelNuevaImagen(id,sec,con,subp,npag){
	var cuadro = document.getElementById("foto");
	var span = document.createElement("span");
	span.id="addImagen";
	span.innerHTML = "<div id='divIcocnoCerrar'><a href=javascript:ocultarPanelNuevaImagen()><img src='imagenes/closeICON.png' border='0'/></a></div><div id='divFormAddImagen'><form action='#' method='post' enctype='multipart/form-data'><input type='hidden' name='id' value='"+id+"'/><div class='campoFormAddImagen'><input type='file' name='imagen'/></div><div class='botonFormAddImagen'><input type='submit' name='subir' value='A&ntilde;adir'/></div</form></div>"
	cuadro.appendChild(span);
}

function ocultarPanelNuevaImagen(){
	var span = document.getElementById('addImagen');
	var padre = span.parentNode;
	padre.removeChild(span);
}