function nuevoAjax()
{ 
	/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
	var xmlhttp=false; 
	try 
	{ 
		// Creacion del objeto AJAX para navegadores no IE
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
	}
	catch(e)
	{ 
		try
		{ 
			// Creacion del objet AJAX para IE 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
		} 
		catch(E) { xmlhttp=false; }
	}
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 

	return xmlhttp; 
}

function traerDatos()
{
	// Obtendo la capa donde se muestran las respuestas del servidor
	var capa=document.getElementById("demoArr");
	// Creo el objeto AJAX
	var ajax=nuevoAjax();
	// Coloco el mensaje "Cargando..." en la capa

	// Abro la conexión, envío cabeceras correspondientes al uso de POST y envío los datos con el método send del objeto AJAX
	ajax.open("GET", "index1.php", true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	
	//ajax.send("d="+tipoDato);
	
	ajax.onreadystatechange=function()
	{
		//plus ('element1','5');return false;
		 if(ajax.readyState==1) 
        { 
         //   capa.innerHTML="Cargando...";
			capa.innerHTML="<span style=\"color:#006600;font-weight:bold;\">Espere Por favor...</span> <br/> <img src='progress.gif' />";
         
        }
		 if(ajax.readyState==2) 
        { 
         //   capa.innerHTML="Cargando...";
			capa.innerHTML="<span style=\"color:#006600;font-weight:bold;\">Espere Por favor...</span> <br/> <img src='progress.gif' />";
         
        }
		 if(ajax.readyState==3) 
        { 
         //   capa.innerHTML="Cargando...";
			capa.innerHTML="<span style=\"color:#006600;font-weight:bold;\">Espere Por favor...</span> <br/> <img src='progress.gif' />";
         
        }
		
		if (ajax.readyState==4)
		{
			// Respuesta recibida. Coloco el texto plano en la capa correspondiente
			capa.innerHTML=ajax.responseText;
		}
		
		
	}
	ajax.send(null);
}