// =========================================
// = Developed By Josema Gonzalez (EnZo)   =
// = Version 2                             =
// = http://isiajax.sourceforge.net        =
// = License: GPL (General Public License) =
// =========================================

/*argum = {
	idmain: 'contenido', 
	idcargador: 'cargador',
	codificacion: 'UTF-8',
	debug: true
}*/
function isiAJAX(argum) {

	var _this = this;
	this.objAjax = null;		//Objeto XMLHttp
	this.aborta = true;		//Si es false cancelara cualquier proceso
	this.working = false;		//Si es true significa que esta descargando, sirve para identificar si this.aborta la pondre en false

	argum = argum || {};
	//Variables editables desde fuera
	this.idmain = argum.idmain;		//Id de la capa que va a cargar el contenido nada mas abrir la web
	this.debug = argum.debug;		//Si es true devolvera un alert cuando haya un error al recibir los datos
	this.codificacion = (argum.codificacion == null) ? 'ISO-8859-1' : argum.codificacion; //codificacion de los formularios

	//Hace todo el proceso de transferencia
	this.Request =
		function (data) {
			data = this.Default(data);
			var timeout;
			if (data.onTimeout) {
				timeout = true;
				setTimeout(
					function(){
						if (timeout) {
							_this.Cancel();
							data.onTimeout(_this.objAjax, data);
						}
					}
				, data.timeout);
			}
			this.objAjax.open(data.method, data.url, data.async);
			this.objAjax.setRequestHeader("X-Requested-With", 'XMLHttpRequest');
			if (data.headers)
				for (var i=0; i<data.headers.length; i+=2)
					this.objAjax.setRequestHeader(data.headers[i], data.headers[i+1])
			if (data.async) {
				this.working = true;
				this.objAjax.onreadystatechange =
					function () {
						if (_this.objAjax.readyState == 4) {
							if (_this.aborta) {
								timeout = false;
								if (data.onComplete)
									data.onComplete(_this.objAjax, data);
								if ((_this.objAjax.status == 200 || _this.objAjax.status == 304) && data.onOK)
									data.onOK(_this.objAjax, data);
								else if (data.onError)
									data.onError(_this.objAjax, data);
								else if (_this.debug)
									alert('Error: '+_this.objAjax.status+' '+_this.objAjax.statusText);
							}
							else 
								_this.aborta = true;
							_this.working = false;
						}
						
					};
			}
			this.objAjax.send(data.param);
		};

	//Hace el proceso correspondiente una vez recibido el objeto ajax
	this.Actualiza =
		function (objAjax, data) {
			switch (data.type) {
				case 1: {
					if (data.iner == 0)
						$(data.id).innerHTML = objAjax.responseText + $(data.id).innerHTML;
					else if (data.iner == 1)
						$(data.id).innerHTML = $(data.id).innerHTML + objAjax.responseText;
					else
						$(data.id).innerHTML = objAjax.responseText;
					break;
				}
				case 2: {
					var objxml = new isiXML(objAjax.responseXML);
					data.id(objxml.Query(data.query), objAjax);
					break;
				}
				case 3: {
					if (data.iner == 0)
						$(data.id).value = objAjax.responseText + $(data.id).value;
					else if (data.iner == 1)
						$(data.id).value = $(data.id).value + objAjax.responseText;
					else
						$(data.id).value = objAjax.responseText;
					break;
				}
				case 4: {
					var obj = $(data.id);
					var objxml = new isiXML(objAjax.responseXML);
					var resultado = objxml.Query('SELECT node.value, atrib.value');
					var total = obj.options.length;
					if (total > 0)
						for (var i=0; i<=total; ++i)
							obj.remove(obj.options[i])
					for (var i=0; i<resultado.length; ++i) {
						var newone = new Option(resultado[i][0], resultado[i][1]);
						try {//Otros
							obj.add(newone, obj.options.length);
						}
						catch(ex) {//IE
							obj.add(newone, obj.options[obj.options.length]);
						}
					}
					break;
				}
				case 5: {
					eval(objAjax.responseText);
					break;
				}
			}
		};

	//Link normal (tipo=1)


	this.Link =
		function (url, id, iner) {
			this.Request({
				url: this.Url(url),
				id: id,
				async: (id) ? true : false,
				iner: iner,
				type: 1,
				onOK: this.Actualiza
			});
		};

	//Formulario (tipo=1)
	this.Form =
		function (idform, id, iner) {
			var form = $(idform);
			this.Request({
				url: this.Url(form.action),
				method: form.method,
				id: id,
				param: this.DataForm(form),
				async: (id) ? true : false,
				iner: iner,
				type: 1,
				onOK: this.Actualiza
			});
		};

	//Devuelve un array con los valores consultados a un xml
	this.XML =
		function (url, funcion, query) {
			this.Request({
				url: this.Url(url),
				id: funcion,
				query: query,
				type: 2,
				onOK: this.Actualiza
			});
		};

	//Para editar el valor de los inputs
	this.Value =
		function (url, id, iner) {
			this.Request({
				url: this.Url(url),
				id: id,
				iner: iner,
				type: 3,
				onOK: this.Actualiza
			});
		};

	//Para editar las listas desplegables select
	this.Select =
		function (url, id) {
			this.Request({
				url: this.Url(url),
				id: id,
				type: 4,
				onOK: this.Actualiza
			});
		};

	//Hace un eval de lo que devuelve (tipo=4)
	this.Run =
		function (url) {
			this.Request({
				url: this.Url(url),
				type: 5,
				onOK: this.Actualiza
			});
		};

	//Para cambiar fotos
	this.Img = 
		function (url, id, w, h) {
			var temp = new Image();
			this.working = true;
			temp.onload = function () {
				if (_this.aborta) {
					$(id).src = temp.src;
					if (w) $(id).width = w;
					if (h) $(id).height = h;
				}
				_this.aborta = true;
				_this.working = false;
			};
			temp.onerror = function () {
				_this.aborta = true;
				_this.working = false;
				if (_this.debug)
					alert('Error: 404 Not Found');
			};
			temp.src = null;
			temp.src = url;
		};

	//Aborta cualquier peticion			//alert('aborta: '+this.aborta+'\nworking: '+this.working)
	this.Cancel = 
		function () {
			if (this.working) {
				this.aborta = false;
				this.working = false;
				this.objAjax.abort();
			}
			else
				this.aborta = true;
		};

	//Recoge y da formato a los datos de un formulario para enviarlos
	this.DataForm =
		function (obj) {
			var resultado='';
			this.Add =
				function (nombre, valor) {
					resultado += nombre + '=' + this.Spanish(valor); //para UTF-8 es: encodeURIComponent(valor)
					if ((i+1) < obj.length) 
						resultado+='&';
				};
			this.Spanish =
				function (valor) {
					valor = escape(valor);
					valor = valor.replace(/@/g,"%40");
					valor = valor.replace(/\//g,"%2F");
					valor = valor.replace(/\+/g,"%2B");
					return valor;
				};
			
			for (i=0; i<obj.length; i++) {
				var tipo = obj[i].type;
				var nombre = obj[i].name;
				if (tipo == 'select-multiple') {
					var n=0;
					for (j=0; j<obj[i].options.length; j++)
						if (obj[i].options[j].selected)
							this.Add(nombre+'['+(n++)+']',obj[i].options[j].value);
				}
				else if (tipo == 'radio' || tipo == 'checkbox') {
					if (obj[i].checked) 
						this.Add(nombre,obj[i].value);
				}
				else
					this.Add(nombre,obj[i].value);
			}
			return (resultado);
		};

	//Retorna los valores por defecto de los parametos y agrega las cabeceras post si las necesitara
	this.Default =
		function (obj) {
			var argumentos = {			
				url: this.homepage,
				method: 'GET',
				async: true,
				timeout: 10000 //10 segundos como maximo para cargar
			};
			for (var i in argumentos)
				if (obj[i] == null)
					obj[i] = argumentos[i];
			if (obj.method.toUpperCase() == 'GET' && obj.param) {
				obj.url += (obj.url.indexOf('?') == -1) ? '?'+obj.param : '&'+obj.param;
				obj.param = null;
			}
			else if (obj.method.toUpperCase() == 'POST' && obj.headers == null)
				obj.headers = ['Content-Type','application/x-www-form-urlencoded; charset=' + this.codificacion];
			return (obj);
		};

	//Devuelve la url a partir de la almohadilla 
	this.Url =
		function (str) {
			var resultado='', obj = str.split('#');
			if (obj.length > 1) {
				for (var i=1; i<obj.length; ++i) {
					resultado += obj[i];
					if ((i+1) < obj.length) 
						resultado+='#';
				}
			}
			else
				resultado = obj[0];
			return (resultado);
		};

	//Crea el objeto XMLHTTP
	this.objAjax = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
	
	//Hace posibles las direcciones con almohadilla
	/*if (this.objAjax!=false && this.idmain!='' && window.location.hash != '' && window.location.hash != '#')
		this.Link(window.location.href, this.idmain);*/
	
	return (this.objAjax) ? true : false;
}
function $(id) {
	return document.getElementById(id);
}
/*
url: '',			//url web
method: 'GET',		//metodo de transferencia
async: true,		//si es true recibira datos si es false no
param: null,		//parametos en plan: var1=valor1&var2=valor2
id: null,			//id donde va a ser cargado
headers: null,		//cabeceras
iner: null,
type: null,
onOK: null,
onError: null,
onComplete: null,
onTimeout: null,
timeout: 5000

this.Spanish =
				function (valor) {
					valor = encodeURIComponent(valor);
					valor = valor.replace(/%C3%A1/g,"%E1");
					valor = valor.replace(/%C3%A9/g,"%E9");
					valor = valor.replace(/%C3%AD/g,"%ED");
					valor = valor.replace(/%C3%B3/g,"%F3");
					valor = valor.replace(/%C3%BA/g,"%FA");
					valor = valor.replace(/%C3%81/g,"%C1");
					valor = valor.replace(/%C3%89/g,"%C9");
					valor = valor.replace(/%C3%8D/g,"%CD");
					valor = valor.replace(/%C3%93/g,"%D3");
					valor = valor.replace(/%C3%9A/g,"%DA");
					valor = valor.replace(/%C3%B1/g,"%F1");
					valor = valor.replace(/%C3%91/g,"%D1");
					return valor;
				};
*/