//template_begin = '<table border=0 celpadding=0 cellspacing=0 bgcolor=white style="border:1px solid #00BFFF" width="100%">'
//template_td = '<tr><td class=grismedio12n style="padding-top:3px">ELEM</td></tr><tr><td class=marino12n style="padding-bottom:3px">SEM</td></tr>'
//template_td = '<tr><td class="busqueda" onmouseover="this.className=\'busquedaon\'" onmouseout="this.className=\'busqueda\'" style="padding-top:3px">ELEM</td></tr>'
//template_link = '<a href="javascript:;" onclick="URL" class="busqueda">NAME</a>'
//template_end = '</table>'
template_begin = "<table border=0 celpadding=0 cellspacing=0 width='100%'>";
template_end = "</table>";
cached = new Array();
cachedtype = new Array();
cachedcom = new Array();
cachedprov = new Array();
cacheddest = new Array();
cachedmarc = new Array();
var colecciones = new Array();

var pagdim = 10;
var bloquedim = 5;
var showing_map = false;
var search_field;

var innercached = "";
var innersugerencias = '';
var presentacion = "";
var name_search = '';
var waitroller;
var res;

function urlencode(str) { return escape(str).replace('+','%2B').replace('%20','+').replace('*','%2A').replace('/','%2F').replace('@','%40'); }
var querynow = "";
function doQuery(e) {
	$('#map_container').css('display','none');
	e = e || window.event;
	var k = (e.which) ? e.which : e.keyCode;
	var q = search_field.value.toLowerCase().replace(/^\s+/g, '').replace(/\s+$/g, '')
	querynow = q;
	//res.style.visibility = 'hidden'
	res.innerHTML = ''
	if (q.length > 3) {
		document.getElementById('presentacion').innerHTML = "";
		$('#numrows').css('text-align','left');
		if (cached[q] != undefined) {
			innercached = cached[q];
			if (cachedtype[q] == 1)
				loadData(cachedcom[q],cachedprov[q],cacheddest[q],cachedmarc[q]);
			muestra_sugerencias(cachedtype[q]);
			waitroller.style.visibility = 'hidden';
			//res.style.visibility = 'visible'
		} else {
			waitroller.style.visibility = 'visible';
			$.ajax({
				type: "GET",
				url: "/buscador-responder.php?query="+urlencode(q)+"&lang="+lang,
				data: "",
				success: function(msg){
					var campos = msg.split("##");
					querynow = search_field.value.toLowerCase().replace(/^\s+/g, '').replace(/\s+$/g, '');
					if (q == querynow) changeResult(campos[0],campos[1],campos[2],campos[3],campos[4],campos[5],campos[6],campos[7],campos[8]);
				}
			});
		}
	}
	else {
		oculta_sugerencias();
	}
	return true;
}

function doQueryPag(desde) {
	var q = search_field.value.toLowerCase().replace(/^\s+/g, '').replace(/\s+$/g, '')
	responderAjax("/buscador-responder.php?query="+urlencode(q)+"&desde="+desde+"&lang="+lang)
	return true;
}

function changeResult (q,str,num,lang,pag,id_com,id_prov,id_dest,id_marc) {
	//var q = search_field.value.toLowerCase().replace(/^\s+/g, '').replace(/\s+$/g, '');
	if (num > 0) {
		cached[q] = str;
		cachedtype[q] = num;
		cachedcom[q] = id_com;
		cachedprov[q] = id_prov;
		cacheddest[q] = id_dest;
		cachedmarc[q] = id_marc;
	}
	innercached = str;
	//res.innerHTML = html;
	waitroller.style.visibility = 'hidden';
	if (num == 1) { 
		loadData(id_com,id_prov,id_dest,id_marc);
	}
	muestra_sugerencias (num);
}

function initpredictivo (search,langstr) {
	presentacion = document.getElementById('presentacion').innerHTML;
	if (name_search != search) {
		search_field = document.getElementById(search);
		lang = langstr;
		waitroller = document.getElementById('loading');
		res = document.getElementById('contenido');
		
		if (lang == "en") {
			colecciones['1'] = "destinations";
			colecciones['2'] = "monuments";
			colecciones['3'] = "museums";
			colecciones['4'] = "nature areas";
			colecciones['5'] = "coasts";
		}
		else {
			colecciones['1'] = "destinos";
			colecciones['2'] = "monumentos";
			colecciones['3'] = "museos";
			colecciones['4'] = "espacios naturales";
			colecciones['5'] = "playas";
		}
		var x = 0;
		var y = 0;
		var obj = search_field;
		do {
			x += obj.offsetLeft;
			y += obj.offsetTop;
			obj = obj.offsetParent;
		} while (obj);
		y += search_field.offsetHeight - 1;
	    var w = search_field.offsetWidth - 1;
	    //res.style.left = (x + 1) + "px";
	    //res.style.top = y + "px";
	    //res.style.width = (w - 1) + "px";
		//res.style.height = "auto";
		search_field.setAttribute('autocomplete', 'off')
		search_field.value = ''
		name_search = search
	}	
}

function fillform (id,nombre,realname) {
	id_field.value = id
	name_field.value = nombre
	search_field.value = unescape(realname)
	//res.style.visibility = 'hidden'
	//oculta_sugerencias ();
}

function muestra_sugerencias (num) {
	$('#amplia').css('display','none');
	document.getElementById('tab').style.display = "block";
	if (innercached != "") {
		document.getElementById('contenido').innerHTML = innercached;
	}
	if (num == 1) {
		$('#amplia').css('display','inline');
		$('#map_container').css('display','inline');
		document.getElementById('tab').style.height = "200px";
		if (lang == "es") var texto = "destino encontrado";
		if (lang == "en") var texto = "destination found";
		document.getElementById('numrows').innerHTML = "<b>1</b> "+texto;
		$('#numrows').css('text-align','center');
	} else {
		if (lang == "es") var texto = "destinos encontrados";
		if (lang == "en") var texto = "destinations found";
		document.getElementById('tab').style.height = "";
		document.getElementById('numrows').innerHTML = "<b>"+num+"</b> "+texto;
		$('#numrows').css('text-align','center');
	}
}
function oculta_sugerencias () {
	//$('tab').toggle();
	//document.getElementById('contenido').style.height = "0px";
	//document.getElementById('contenido').style.visibility = "hidden";
	//innercached = document.getElementById('contenido').innerHTML;
	//document.getElementById('numrows').innerHTML = '<a href="javascript:;" onclick="$(\'#tab\').toggle();return false;" class="bl22" align="center">&iquest;A d&oacute;nde vas a ir?</a>';
	document.getElementById('tab').style.display = "none";
	document.getElementById('numrows').innerHTML = "";
	document.getElementById('contenido').innerHTML = innersugerencias;
	document.getElementById('presentacion').innerHTML = presentacion;
	waitroller.style.visibility = 'hidden';
	$("a.greybox").click(function(){
		var t = this.title || $(this).text() || this.href;
		GB_show(t,this.href,450,'400');
		return false;
	});
	//$('tab').toggle();
}
function esEnter (field, event) {
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if (keyCode == 13) {
		doQuery(event);
	}
}