//	Vamos a presuponer que el usuario es una persona inteligente...
var isIE = false;

//	Creamos una variable para el objeto XMLHttpRequest
var req;

//	Creamos una funcion para cargar los datos en nuestro objeto.
//	Logicamente, antes tenemos que crear el objeto.
//	Vease que la sintaxis varia dependiendo de si usamos un navegador decente
//	o Internet Explorer

var mlsToPreview='';
var mlsToHide='';
var addressToPreview='';
var addressContentToPreview='';

function loadPreview(mlsId,address){
	
	addressToPreview=address;
	mlsToPreview=mlsId;
	
	if(mlsToHide!=''){
		hidePreview(mlsToHide);
	}
	if(mlsToHide!=mlsToPreview){
		loadXML();
		mlsToHide=mlsId;
	} else {
		hidePreview(mlsToHide);
		mlsToHide='';
	}

	
}

function loadXML() {
	
	//	Primero vamos a ver si la URL es una URL :)
	//	Usuario inteligente...
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		
			var curDateTime = new Date(); //For IE
			var poststr = "mls=" + mlsToPreview + "&uniqueID=" + curDateTime;
		
		req.open("POST", '/comprar_una_casa/buscador_de_propiedades/preview.html', true);
		if(poststr){
			req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			req.setRequestHeader("Content-length", poststr.length);
			req.setRequestHeader("Connection", "close");
			req.send(poststr);
		} else {
			req.send(null);
		}
	//	...y usuario de Internet Explorer Windows
	} else if (window.ActiveXObject) {
		isIE = true;
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			
			var curDateTime = new Date(); //For IE
			var poststr = "mls=" + mlsToPreview + "&uniqueID=" + curDateTime;
			
			req.open("POST", '/comprar_una_casa/buscador_de_propiedades/preview.html', true);
			if(poststr){
				req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				req.setRequestHeader("Content-length", poststr.length);
				req.setRequestHeader("Connection", "close");
				req.send(poststr);
			} else {
				req.send(null);
			}
		}
	}
}

//	Funcion que se llama cada vez que se dispara el evento onreadystatechange
//	del objeto XMLHttpRequest
function processReqChange(){
	
	var detalles = document.getElementById(mlsToPreview);
	if(req.readyState == 4){
		detalles.innerHTML = req.responseText;
		load();
		showAddress(addressToPreview,addressContentToPreview);
		showPreview(mlsToPreview);
	} else {
		detalles.innerHTML = '';
	}
}
function hoverOn(prop){

		document.getElementById(prop).style.background="url(/comprar_una_casa/buscador_de_propiedades/img/search_bg.jpg)";
		document.getElementById(prop).style.borderColor='#507cab';
		document.getElementById(prop).style.borderWidth='1px';
		document.getElementById(prop).style.borderStyle='solid';
	
	
}
function hoverOff(prop){
	if(prop!='prop_c_'+mlsToPreview || mlsToHide==''){
		document.getElementById(prop).style.background="";
		document.getElementById(prop).style.borderColor='';
		document.getElementById(prop).style.borderWidth='';
		document.getElementById(prop).style.borderStyle='';
	}
}

function showPreview(previewNew){
	var detalles = document.getElementById(previewNew);
	detalles.style.display='block';
	var detalles = document.getElementById('prop_c_'+previewNew);
	//detalles.style.backgroundColor='#d1dbe4';
	detalles.style.background="url(/comprar_una_casa/buscador_de_propiedades/img/search_bg.jpg)";
	//document.getElementById('property').style.height=document.getElementById('property').style.height+document.getElementById(previewNew).style.height;
}
function hidePreview(previewOld){
	var detalles = document.getElementById(previewOld);
	detalles.style.display='none';
	//document.getElementById('property').style.height='110';
	detalles.innerHTML='';
	var detalles = document.getElementById('prop_c_'+previewOld);
	//detalles.style.backgroundColor='';
	detalles.style.background='';
	hoverOff('prop_c_'+previewOld);
}