// variable que contendrá al objeto XMLHttpRequest
var ObjectoXMLHttpRequest = false;
// variable en donde se almacenaran las imágenes que serán leídas desde el XML
var options;
// máximo de imágenes pequeñas a mostrar
var maxImagenesMostar = 10;
// variable que contiene el número de páginas a mostrar, están divididas en este caso de 10 en 10
var pagina = 0;
// variable de control que contiene el máximo de paginas
var totalPaginas = 0;
// imagen a patir de la cual se comenzara a cargar las imágenes al momento de cargar la página por primera vez
var comenzar = 0;
// variable que indica si esta en depuración
var depuracion = false;
// URL del servidor en donde se llamaran las imágenes
var URLservidor = 'http://www.importcolombia.com/';
//var URLservidor = 'http://www.importcolombia.com/';

// archivo XML que contiene las propiedades de las imágenes
///var archivoXML = 'imagenes_xml.php?idproduct=' + IdGallery;
var archivoXML = 'imagenes_xml.php?idproduct=' + IdGallery;

// imagen por defecto a mostrarse cuando no se carga ninguna imagen del servidor
var imagenVacio = 'vacio.gif';

//alert(archivoXML);
// Creación del ObjectoXMLHttpRequest
try{
	ObjectoXMLHttpRequest = new ActiveXObject("MSXML2.XMLHTTP");
}catch(exception1){
	try{
		ObjectoXMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}catch(exception2){
		ObjectoXMLHttpRequest = false;
	}
}
if(!ObjectoXMLHttpRequest && window.XMLHttpRequest){
	ObjectoXMLHttpRequest = new XMLHttpRequest();
}

// función que muestra la imagen seleccionada de la las imágenes pequeñas
function mostrarImagen(idDemo){ // recibe el id que referencia a la imagen pequeña que contiene la imagen a mostrar
	if(depuracion){
		alert('mostrarImagen()');
	}
	mostarCargador();
	if(idDemo != imagenVacio){
		switch (idDemo){
			case 1: img_galeria= document.demo1.id;
					break;
			case 2: img_galeria = document.demo2.id;
					break;
			case 3: img_galeria = document.demo3.id;
					break;
			case 4: img_galeria = document.demo4.id;
					break;
			case 5: img_galeria = document.demo5.id;
					break;
			case 6: img_galeria = document.demo6.id;
					break;
			case 7: img_galeria = document.demo7.id;
					break;
			case 8: img_galeria = document.demo8.id;
					break;
			case 9: img_galeria = document.demo9.id;
					break;
			case 10: img_galeria = document.demo10.id;
					break;
		}

		document.imagen.src = img_galeria; 

		if(img_galeria.indexOf('bancop', 0) != -1)
			img_galeria = img_galeria.replace('bancop','banco');

		if(img_galeria.indexOf('banco_p2', 0) != -1)
			img_galeria = img_galeria.replace('banco_p2','banco2');

		document.getElementById('link_galeria_imagen').href = img_galeria;
		
	}
}

// función que carga las imágenes pequeñas
function cargarImagenPequeña(URLImagen,  nombreImagen, contador){
	if(depuracion){
		alert('cargarImagenPequeña(URLImagen,  nombreImagen, contador)');
	}
///	alert(URLImagen + " = " + nombreImagen + " = " + contador);
	switch (contador){
		case 1:	document.demo1.src = URLImagen + nombreImagen;
				document.demo1.id = URLImagen + nombreImagen;
				break;
		case 2: document.demo2.src = URLImagen + nombreImagen;
				document.demo2.id = URLImagen + nombreImagen;
				break;
		case 3: document.demo3.src = URLImagen + nombreImagen;
				document.demo3.id = URLImagen + nombreImagen;
				break;
		case 4: document.demo4.src = URLImagen + nombreImagen;
				document.demo4.id = URLImagen + nombreImagen;
				break;
		case 5: document.demo5.src = URLImagen + nombreImagen;
				document.demo5.id = URLImagen + nombreImagen;
				break;
		case 6: document.demo6.src = URLImagen + nombreImagen;
				document.demo6.id = URLImagen + nombreImagen;
				break;
		case 7: document.demo7.src = URLImagen + nombreImagen;
				document.demo7.id = URLImagen + nombreImagen;
				break;
		case 8:	document.demo8.src = URLImagen + nombreImagen;
				document.demo8.id = URLImagen + nombreImagen;
				break;
		case 9: document.demo9.src = URLImagen + nombreImagen;
				document.demo9.id = URLImagen + nombreImagen;
				break;
		case 10: document.demo10.src = URLImagen + nombreImagen;
				 document.demo10.id = URLImagen + nombreImagen;
				 break;
	}
}

// función que carga las imágenes del documento XML
function cargarImagenesXML(comenzar){
	if(depuracion){
		alert('cargarImagenesXML()');
	}
	if(ObjectoXMLHttpRequest){
		// llamada del documento XML
		ObjectoXMLHttpRequest.open('GET',URLservidor + archivoXML, true);
//		open(URLservidor + archivoXML);
	}
	ObjectoXMLHttpRequest.onreadystatechange = function(){
		if(ObjectoXMLHttpRequest.readyState == 4 && ObjectoXMLHttpRequest.status == 200){
			var documentoXML = ObjectoXMLHttpRequest.responseXML;
			options = documentoXML.getElementsByTagName('imagen');
			contador = 1;
			vaciarImagenesPequeñas();
			calcularpaginas(options.length);
			// recorrido del documento XML
//				alert(options.length + " | " + URLservidor + archivoXML);
//				window.open(URLservidor +  archivoXML);
			for (i = comenzar; i < options.length; i++){
				if(depuracion){
					alert('URLImagen ' + URLImagen);
					alert('nombreImagen ', + nombreImagen);
				}
				URLImagen =  options[i].attributes.getNamedItem('carpeta').nodeValue;
				nombreImagen =  options[i].attributes.getNamedItem('nombre').nodeValue;
				
				cargarImagenPequeña("imagenes/"+URLImagen,  nombreImagen, contador);
				contador++;
			}
			if(contador < NoGallery ){
				while(contador < (NoGallery+1)){
					if(contador == 1)
					cargarImagenPequeña('imagenes/bancop/', imagenVacio, contador);
					else
					cargarImagenPequeña('imagenes/banco_p2/', imagenVacio, contador);
					contador += 1;
				}
			} 
		}
	}
	ObjectoXMLHttpRequest.send(null);
	return false;
}

// buscas 10 imagenes pequeñas previas si las hay
function imagenesPrevias(){
	if(depuracion){
		alert('imagenesPrevias()');
	}
	vaciarImagenesPequeñas();
	if(pagina > 0){
		pagina -= 1;
		comenzar -= NoGallery;
		cargarImagenesXML(comenzar);
	}
}

// buscas 10 imagenes pequeñas siguientes si las hay
function imagenesSiguientes(){
	if(depuracion){
		alert('imagenesSiguientes()');
	}
	vaciarImagenesPequeñas();
	if(pagina < totalPaginas){
		pagina += 1;
		comenzar += NoGallery;
		cargarImagenesXML(comenzar);
	}
}

// función para vaciar las imágenes pequeñas cuando se llama alguna de las funciones imagenesPrevias() o imagenesSiguientes()
function vaciarImagenesPequeñas(){
	if(depuracion){
		alert('vaciarImagenesPequeñas()');
	}	

	if(NoGallery >= 1)  document.demo1.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 2)  document.demo2.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 3)  document.demo3.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 4)  document.demo4.src = 'imagenes/indicator_arrows.gif'; 
	if(NoGallery >= 5)  document.demo5.src = 'imagenes/indicator_arrows.gif'; 
	if(NoGallery >= 6)  document.demo6.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 7)  document.demo7.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 8)  document.demo8.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 9)  document.demo9.src = 'imagenes/indicator_arrows.gif';
	if(NoGallery >= 10) document.demo10.src = 'imagenes/indicator_arrows.gif';
}

// función para calcular el número de páginas
function calcularpaginas(totalImagenes){
	totalPaginas = Number(totalImagenes/maxImagenesMostar)-1;
}

// funcion que muestra las imagen del cargador
function mostarCargador(){
	if(depuracion){
		alert('mostarCargador()');
	}
	document.imagen.src = 'imagenes/loadingAnimation.gif';
}