/**
 * Función que crea un objeto que será el que envie y reciba
 * información de manera asíncrona al servidor Web
 * @return Objeto de comunicación AJAX
 */
function crearXMLHttpRequest(){
    var objeto = null;
    
    if (window.ActiveXObject) { //si es Internet Explorer
        objeto = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else { //Si es Mozilla Firefox u otros compatible a Nestcape
        if (window.XMLHttpRequest) {
            objeto = new XMLHttpRequest();
        }
    }
    return objeto;
}

/**
 * Función que realiza la carga asíncrona de información utilizando AJAX
 * @param url       página que se va a cargar
 * @param datos     datos que se le enviarán a la página por el método post
 * @param funcion   determina si la página se cargará como HTML o se evaluará como javascript
 * @param cargarEn  elemento en donde se cargará la respuesta de la página
 */
function enviar(url, datos, funcion, cargarEn){
    if (url == "") {
        return;
    }
	paginaACargar = url;
    
    conexion = crearXMLHttpRequest(); //crea la conexión asíncrona al servidor
    if (funcion == 'cargar') {
        div = document.getElementById(cargarEn);
        conexion.onreadystatechange = cargarDatos;
    }
    if (funcion == 'evaluar') {
        conexion.onreadystatechange = ejecutarAccion;
    }
    
    conexion.open('POST', paginaACargar, true);
    conexion.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
    conexion.send(datos);
}

/**
 * Inserta dentro del <div></div> especificado por div el resultado de la carga
 * as&iacute;ncrona de una determinada p&aacute;gina
 */
function cargarDatos(){
    if (conexion.readyState == 4 && conexion.status == 200) {
        div.innerHTML = conexion.responseText;
    }
    if (conexion.readyState == 1) {
        div.innerHTML = '<img src="./images/loading.gif">';
    }
}

/**
 * Evalua como javascript el resultado de la carga as&iacute;ncrona de una determinada
 * p&aacute;gina
 */
function ejecutarAccion(){
    if (conexion.readyState == 4 && conexion.status == 200) {
        eval(conexion.responseText);
    }
}

/**
 * VARIABLES
 */
var conexion; //Conexion con el servidor Web usando AJAX
var conexion1; //Conexion con el servidor Web usando AJAX
var div; //Elemento div del documento HTML en donde se cargar&aacute; la respuesta as&iacute;ncrona
var paginaACargar; //pagina que se quiere cargar