var objetoxml; //va a ser el objeto de AJAX


function funcion1(){  //<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	//vacío la capa
	//document.getElementById("destino1").innerHTML="";
		if (window.XMLHttpRequest) //si dispongo del objeto nativo intento crear otro XMLHttpRequest
	{
	 	try{
	 	 		objetoxml=new XMLHttpRequest();
	 	 	}
	 	catch(e)
	 	{
	 	 	objetoxml=false;
	 	}
	}
	
	else if (window.ActiveXObject) //si dispongo de un objeto ActiveX
			{
			 	try{
			 	 		objetoxml=new ActiveXObject("Msxml2.XMLHTTP");
			 	 	}
			 	catch (e)
			 	{
			 	 	try{
			 	 	 		objetoxml=new ActiveXObject("Microsoft.XMLHTTP");
			 	 	 	}
			 	 	catch(e)
			 	 	{
			 	 	 	objetoxml=false;
			 	 	}
			 	} 
			}	
	
	if (objetoxml) //Si he conseguido crear el objeto
	{
	 	url="ajaxbanco_primer.php?categoriabanco=" + document.getElementById("categoriabanco").value;
		 
		objetoxml.onreadystatechange = procesado;
	 	//'onreadystatechange' es un manejador de evento del objeto. 
		// Cuando se produzca un 'cambio de estado' llamamos a la función javascript llamada 'procesado'
		
		objetoxml.open("GET", url, true);
		// Parametro 1: GET o POST
		// Parametro 2: url que vamos a solicitar. Si enviamos la información como GET tenemos que 'escribir a mano' los valores
		// Parametro 3: asíncrona: true-> es asíncrona. Enviamos la petición pero no esparamos respuesta, continuamos procesando 
								// false-> no lo es. Espera a que reciba la respuesta para continuar.
					  
		objetoxml.send(null);
		// Envia la petición. 
		// Parámetro: podríamos pasarle una cadena de texto. En este caso pasamos null.
		
		
	}//cerramos el if de si hemos creado el objeto
 	//document.getElementById("destino1").style.display="block";
 	
}////////////////////////cerramos crearobjeto()///////////////////////////////

function procesado ()  ///<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
{
 	//Comprobamos el estado del objeto (readyState)
 	// 0: Si está sin inicializar
 	// 1: Si está cargando
 	// 2: Cuando se produce el fin de la carga
 	// 3: Cuando está actualizando la información recibida
 	// 4: Operación completa
 	
 	if(objetoxml.readyState==1) {   //Si está cargando
 			document.getElementById("destino1").innerHTML="<img src='cargando.gif' alt='cargando' /><br /><p>Cargando....</p>";
 	}
 	if (objetoxml.readyState==4) //Si se completó la operación
 	{ 	 	
 	 	if (objetoxml.status==200) //Sin ningún fallo
 	 	{
 			// Propiedad 'status':
		  		// 200: todo correcto
		 	 	// >400: error
 	
	 		//en este punto se ha completado la carga y además ha ido todo bien
	 		document.getElementById("destino1").innerHTML=objetoxml.responseText;
	 	}
	 	else
	 	{
	 	 	//algo ha fallado
	 	 	document.getElementById("destino1").innerHTML="Algo falla..." + objetoxml.statusText;
	 	}
	 	
	 	
	}//cerramos el if readyState==4	 	
}//cerramos la funcion procesado()


////////////////////
/////////////////
/////////////////////////////
///////////////////////////////////
//////////////////////////

	
var objetoxml2; //va a ser el objeto de AJAX



function siguiente(){  //<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	///////////crear la cadena que se va a pasar en la url
	
	//vacío la capa
	document.getElementById("destino1").innerHTML="";
	if (window.XMLHttpRequest) //si dispongo del objeto nativo intento crear otro XMLHttpRequest
	{
	 	try{
	 	 		objetoxml2=new XMLHttpRequest();
	 	 	}
	 	catch(e)
	 	{
	 	 	objetoxml2=false;
	 	}
	}
	
	else if (window.ActiveXObject) //si dispongo de un objeto ActiveX
			{
			 	try{
			 	 		objetoxml2=new ActiveXObject("Msxml2.XMLHTTP");
			 	 	}
			 	catch (e)
			 	{
			 	 	try{
			 	 	 		objetoxml2=new ActiveXObject("Microsoft.XMLHTTP");
			 	 	 	}
			 	 	catch(e)
			 	 	{
			 	 	 	objetoxml2=false;
			 	 	}
			 	} 
			}	
	
	if (objetoxml2) //Si he conseguido crear el objeto
	{
	 	url="ajaxbanco_siguiente.php";  
		 
		objetoxml2.onreadystatechange = procesado2;
	 	//'onreadystatechange' es un manejador de evento del objeto. 
		// Cuando se produzca un 'cambio de estado' llamamos a la función javascript llamada 'procesado'
		
		objetoxml2.open("GET", url, true);
		// Parametro 1: GET o POST
		// Parametro 2: url que vamos a solicitar. Si enviamos la información como GET tenemos que 'escribir a mano' los valores
		// Parametro 3: asíncrona: true-> es asíncrona. Enviamos la petición pero no esparamos respuesta, continuamos procesando 
								// false-> no lo es. Espera a que reciba la respuesta para continuar.
					  
		objetoxml2.send(null);
		// Envia la petición. 
		// Parámetro: podríamos pasarle una cadena de texto. En este caso pasamos null.
		
		
	}//cerramos el if de si hemos creado el objeto

 	
}////////////////////////cerramos crearobjeto2()///////////////////////////////


function procesado2 ()  ///<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
{
 	//Comprobamos el estado del objeto (readyState)
 	// 0: Si está sin inicializar
 	// 1: Si está cargando
 	// 2: Cuando se produce el fin de la carga
 	// 3: Cuando está actualizando la información recibida
 	// 4: Operación completa
 	
 	if(objetoxml2.readyState==1) {   //Si está cargando
 		document.getElementById("destino1").innerHTML="<img src='cargando.gif' alt='cargando' /><br /><p>Cargando....</p>";
 	}
 	if (objetoxml2.readyState==4) //Si se completó la operación
 	{ 	 	
 	 	if (objetoxml2.status==200) //Sin ningún fallo
 	 	{
 			// Propiedad 'status':
		  		// 200: todo correcto
		 	 	// >400: error
 	
	 		//en este punto se ha completado la carga y además ha ido todo bien
	 		document.getElementById("destino1").innerHTML=objetoxml2.responseText;
	 	}
	 	else
	 	{
	 	 	//algo ha fallado
	 	 	document.getElementById("destino1").innerHTML="Algo falla..." + objetoxml2.statusText;
	 	}
	 	
	 	
	}//cerramos el if readyState==4	 	
}//cerramos la funcion procesado2()

///////////////////////////////////////////////////
///////////////////////////// ANTERIOR   PROCESADO3

var objetoxml3; //va a ser el objeto de AJAX



function anterior(){  //<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	///////////crear la cadena que se va a pasar en la url
	
	//vacío la capa
	document.getElementById("destino1").innerHTML="";
	if (window.XMLHttpRequest) //si dispongo del objeto nativo intento crear otro XMLHttpRequest
	{
	 	try{
	 	 		objetoxml3=new XMLHttpRequest();
	 	 	}
	 	catch(e)
	 	{
	 	 	objetoxml3=false;
	 	}
	}
	
	else if (window.ActiveXObject) //si dispongo de un objeto ActiveX
			{
			 	try{
			 	 		objetoxml3=new ActiveXObject("Msxml2.XMLHTTP");
			 	 	}
			 	catch (e)
			 	{
			 	 	try{
			 	 	 		objetoxml3=new ActiveXObject("Microsoft.XMLHTTP");
			 	 	 	}
			 	 	catch(e)
			 	 	{
			 	 	 	objetoxml3=false;
			 	 	}
			 	} 
			}	
	
	if (objetoxml3) //Si he conseguido crear el objeto
	{
	 	url="ajaxbanco_anterior.php";  
		 
		objetoxml3.onreadystatechange = procesado3;
	 	//'onreadystatechange' es un manejador de evento del objeto. 
		// Cuando se produzca un 'cambio de estado' llamamos a la función javascript llamada 'procesado'
		
		objetoxml3.open("GET", url, true);
		// Parametro 1: GET o POST
		// Parametro 2: url que vamos a solicitar. Si enviamos la información como GET tenemos que 'escribir a mano' los valores
		// Parametro 3: asíncrona: true-> es asíncrona. Enviamos la petición pero no esparamos respuesta, continuamos procesando 
								// false-> no lo es. Espera a que reciba la respuesta para continuar.
					  
		objetoxml3.send(null);
		// Envia la petición. 
		// Parámetro: podríamos pasarle una cadena de texto. En este caso pasamos null.
		
		
	}//cerramos el if de si hemos creado el objeto

 	
}////////////////////////cerramos crearobjeto2()///////////////////////////////


function procesado3 ()  ///<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
{
 	//Comprobamos el estado del objeto (readyState)
 	// 0: Si está sin inicializar
 	// 1: Si está cargando
 	// 2: Cuando se produce el fin de la carga
 	// 3: Cuando está actualizando la información recibida
 	// 4: Operación completa
 	
 	if(objetoxml3.readyState==1) {   //Si está cargando
 		document.getElementById("destino1").innerHTML="<img src='cargando.gif' alt='cargando' /><br /><p>Cargando....</p>";
 	}
 	if (objetoxml3.readyState==4) //Si se completó la operación
 	{ 	 	
 	 	if (objetoxml3.status==200) //Sin ningún fallo
 	 	{
 			// Propiedad 'status':
		  		// 200: todo correcto
		 	 	// >400: error
 	
	 		//en este punto se ha completado la carga y además ha ido todo bien
	 		document.getElementById("destino1").innerHTML=objetoxml3.responseText;
	 	}
	 	else
	 	{
	 	 	//algo ha fallado
	 	 	document.getElementById("destino1").innerHTML="Algo falla..." + objetoxml3.statusText;
	 	}
	 	
	 	
	}//cerramos el if readyState==4	 	
}//cerramos la funcion procesado3()