//declaro mi objeto httpdRequest 
var http;

/* 
Este es nuestro manejador de eventos, lo que hace despues de resivir la info en el metodo sendQueryString 

Estado del Objeto: 
0 = uninitialized 
1 = loading 
2 = loaded 
3 = interactive 
4 = complete 
*/

// Aptdo. Referencias. 
function handleHttpResponse_referencias() 
{ 
    //alert("handleHttpResponse");
    if (http.readyState == 4) 
    { 
        results = http.responseText; 
        //innerHTML es para llenar el div resultado con info, recuerden javascript es casesensitive (una variable a != A) 
        document.getElementById('ref_detalle').innerHTML = results;
    } 
} 

// Aptdo. Contaca.
function handleHttpResponse_contacta() 
{ 
    //alert("handleHttpResponse");
    if (http.readyState == 4) 
    { 
        results = http.responseText; 
        //innerHTML es para llenar el div resultado con info, recuerden javascript es casesensitive (una variable a != A) 
        document.getElementById('mapa_oficinas').innerHTML = results;
    } 
} 

/* 
aki es donde mandas el resquest del server de la pagina 

Normalmenteo uno querie que el servidor procese la pagina enviada por XmlHttpRquest con objetos diferentes a lo normales. 
Esto se hace reconociendo POST Y GET 

Este script es asincronico -- sigue corriendo despues de aver enviado un request 

lo de send(null) es lo normal todavia no se mas que esto asi que vamos por paso ^_^ 
*/
function navegar(id,confirmat){
	var url = "";
	var ext = ".php";
	var variables = "";
	
	variables = "?id_oferta=" + id;
	
	if(!confirmat){
		url = "form/oferta";
	}else{
		url = "inc/form_001";
	}
	//alert(url+ext+variables);
	sendQuerystring(url+ext+variables);
}

function navegar_form(id,off,formul){
		var url = "";
		var ext = ".php";
		var variables;
		var vars;
		
		var formulari = document.getElementById(formul);
		
		url = "inc/form_00";
		ext = ".php";
		variables = "?fname=" + formulari.fname.value + "&time=" + encodeURIComponent(formulari.time.value);
		if(off == -1){
			variables = variables + "&back=1";
		}
		if(off == 1){
			vars = valida_form(id,formulari);
			if((!vars)&&(id < 4)){
				return;
			}
			variables = variables + "&back=0" + vars;
		}
		

		id = id + off;
		if((id != 0)&&(id != 6)){
			//alert(url+id+ext+variables);
			sendQuerystring(url + id + ext + variables);
		}
}
 
function sendQuerystring(dir) 
{ 
	http = getXmlHttpObject();
	//abre la pagina
  http.open("GET", dir, true);
  //mando la información obtenida a la funcion handleHttpResponse que corresponda.
 	if (dir.indexOf("mapas_oficinas.php") != -1) {
 		http.onreadystatechange = handleHttpResponse_contacta;
 	} else if (dir.indexOf("ref_detalle.php") != -1) {
 			http.onreadystatechange = handleHttpResponse_referencias;
 	}
  
  //send nada
  http.send(null);
} 

/* 
esta es la funcion principal, no tocar solo copy y paste y listo ^_^ 
*/ 
function getXmlHttpObject() 
{  
    //alert("getXmlHttpObject");
    var xmlhttp;
		
    /*@cc_on 
    @if (@_jscript_version >= 5) 
    try 
    { 
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
    } 
    catch (e) 
    { 
    
    try{ 
    		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    catch (e){ 
    		xmlhttp = false; 
    } 
    } 
    @else 
    xmlhttp = false; 
    @end @*/

    if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
        try{
            xmlhttp = new XMLHttpRequest();
        }
        catch (e){
            xmlhttp = false;
        } 
    }
    return xmlhttp; 
}