/*
 * jQuery UI Autocomplete HTML Extension
 * [IMPORTANTE] Para que funcione el autocompleter con la function "autoc"
 */
(function( $ ) {

var proto = $.ui.autocomplete.prototype,
    initSource = proto._initSource;

function filter( array, term ) {
    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
    return $.grep( array, function(value) {
        return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
    });
}

$.extend( proto, {
    _initSource: function() {
        if ( this.options.html && $.isArray(this.options.source) ) {
            this.source = function( request, response ) {
                response( filter( this.options.source, request.term ) );
            };
        } else {
            initSource.call( this );
        }
    },

    _renderItem: function( ul, item) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
            .appendTo( ul );
    }
});

})( jQuery );



$.each(PAISES_AUTOCOMPLETER, function(iPais, pais){
    var destinosPais = [];
    $.each(pais.destinos, function(iDestino, destino){
        destinosPais.push(destino);
    }); 
    destinosPais.sort(function(a,b){
        return parseInt(a.nHoteles,10)<parseInt(b.nHoteles,10)?1:-1;
    });
    pais.destinos = destinosPais;
});




/***** INICIACION DE LOS EVENTOS DE LOS AUTOCOMPLETADOS *****/
var TIMEOUT_AUTOCOMPLETER = null;
function iniciarAutocompletadoHoteles(inputName, inputValue){
    INPUT_NAME_AUTOC = inputName;
    INPUT_VALUE_AUTOC = inputValue;
    
    if( $(INPUT_NAME_AUTOC).attr('ini-event')==1 )return true;
    $(INPUT_NAME_AUTOC).attr('ini-event',1);
    
    // Evento al escribir
    $(document).on('keyup', INPUT_NAME_AUTOC, function(e){
        if( [13,38,40].indexOf(e.keyCode)!=-1 ){
            
            e.preventDefault();
            if( e.keyCode==13 )$(INPUT_NAME_AUTOC).blur();
            return false;
	}else if( e.keyCode==9 || e.keyCode==13 ){
            $(INPUT_NAME_AUTOC).blur()
            return false;
        }
	
	if( $(INPUT_NAME_AUTOC).val()!='' && $(INPUT_NAME_AUTOC).val().length>1 ){
            $('#scriptBuscador').remove();
                       
            if( TIMEOUT_AUTOCOMPLETER )clearTimeout(TIMEOUT_AUTOCOMPLETER);
            TIMEOUT_AUTOCOMPLETER = setTimeout(function(){
                if( $('#scriptBuscador').length )return false;
            
                var script = document.createElement('script');
                script.type = 'text/javascript';
                script.id = 'scriptBuscador';
                $("body").append(script);
                $('#scriptBuscador').attr('src','https://famatour.pt/autocomplete.php?callback=autocH&term='+ encodeURIComponent($(INPUT_NAME_AUTOC).val()) +'&l=PT&_='+ (new Date()).getTime());
                
            },200);
	}else{
            $( INPUT_VALUE_AUTOC ).val('');
            $( INPUT_VALUE_AUTOC.replace('_value','_type') ).val('');
            
            $('#autocompleteHoteles').remove();
	}	
    });

    // Evento al sacar el foco del input del autocompleter
    $(document).on('blur', INPUT_NAME_AUTOC, function(){
    	setTimeout(function(){
            if( $(INPUT_VALUE_AUTOC).val()=='' ){
                if( $('.ui-state-hover span').length==1 ) $('.ui-state-hover span').trigger('click');
                else $('#autocompleteHoteles li span').first().trigger('click');
            } 
        },200);
    });
}

// Establecemos el input del autocompletado (hoteles)
$(document).on('focus', '#txtDestino', function(){
    iniciarAutocompletadoHoteles('#txtDestino', '#list_id');
});

// Establecemos el input del autocompletado (transfer)
if( TIPO_CABECERA_AGENCIA=='Transfer' ){
    $(document).on('focus', '#origenIda_name', function(){
        iniciarAutocompletadoHoteles('#origenIda_name', '#origenIda_value');
    });
    $(document).on('focus', '#destinoIda_name', function(){
        iniciarAutocompletadoHoteles('#destinoIda_name', '#destinoIda_value');
    });
    $(document).on('focus', '#origenVuelta_name', function(){
        iniciarAutocompletadoHoteles('#origenVuelta_name', '#origenVuelta_value');
    });
    $(document).on('focus', '#destinoVuelta_name', function(){
        iniciarAutocompletadoHoteles('#destinoVuelta_name', '#destinoVuelta_value');
    });
}


/***** fin INICIACION DE LOS EVENTOS DE LOS AUTOCOMPLETADOS *****/


/**
 * Función que muestra los resultados del autocompletado de hoteles
 */
function autocH(arrayHoteles){
    $(INPUT_VALUE_AUTOC).val('');
    $( INPUT_VALUE_AUTOC.replace('_value','_type') ).val('');

    var PESTANA_TRANSFER = ['Transfer'].indexOf(TIPO_CABECERA_AGENCIA)!=-1;
    var tipoYaSeleccionado = null;
    if( PESTANA_TRANSFER ){
        switch( INPUT_NAME_AUTOC ){
            case '#origenIda_name': tipoYaSeleccionado = $('#destinoIda_type').val(); break;
            case '#destinoIda_name': tipoYaSeleccionado = $('#origenIda_type').val(); break;
            case '#origenVuelta_name': tipoYaSeleccionado = $('#destinoVuelta_type').val(); break;
            case '#destinoVuelta_name': tipoYaSeleccionado = $('#origenVuelta_type').val(); break;
        }
    }
    
    var cadBuscar = normalize( $(INPUT_NAME_AUTOC).val().toLowerCase() );
    var cadBuscarLength = cadBuscar.length;
        
    
    // Resultados de hoteles y destinos	
    var htmlHoteles = '', htmlDestinos = '';
    for (var i=0, n=arrayHoteles.length; i<n; i++) {        
        var tipo = arrayHoteles[i].id.indexOf('H_')!=-1?'hotel':'destino';
        
        var htmlLabel = arrayHoteles[i]['label'];
        var label = normalize(htmlLabel.toLowerCase());
        var ini = label.indexOf(cadBuscar, 16);
        if( ini>0 ){
            htmlLabel = ( ini>0 ? htmlLabel.substring(0,ini) : '' )
                + "<span style='font-weight:bold;'>"+ htmlLabel.substring(ini,ini+cadBuscarLength) +"</span>"
                + htmlLabel.substring(ini+cadBuscarLength, htmlLabel.length)
        }        
        
        if( tipoYaSeleccionado!="hotel" && tipoYaSeleccionado!="destino" ){
            if( tipo=='hotel' ){
                htmlHoteles += "<li class='ui-menu-item hoteles' id='ui-id-12' tabindex='-1' onclick=\"clickAutocompleteHotel('"+ addslashes(arrayHoteles[i]['value']) +"','"+ arrayHoteles[i]['id'] +"','"+ tipo +"');\" >"
                    + "<span class='nobr' style='width:455px;'>"
                        + htmlLabel
                    + "</span>"
                + "</li>";
            }else{
                htmlDestinos += "<li class='ui-menu-item hoteles' id='ui-id-12' tabindex='-1' onclick=\"clickAutocompleteHotel('"+ addslashes(arrayHoteles[i]['value']) +"','"+ arrayHoteles[i]['id'] +"','"+ tipo +"');\" >"
                    + "<span class='nobr' style='width:455px;'>"
                        + htmlLabel
                    + "</span>"
                + "</li>";
            }
        }
    }     
    
    
    var htmlPaises='';
    if( tipoYaSeleccionado!='pais' && PESTANA_TRANSFER && typeof(PAISES_AUTOCOMPLETER)!='undefined' ){
        var opcionesEncontradas = 0;
        $.each(PAISES_AUTOCOMPLETER, function(iPais, pais){
            if( opcionesEncontradas>=5 )return true;

            var name = normalize( pais.nombre.toLowerCase() );
            // Si ha escrito el nombre completo de la aerolinea --> la cargamos
            if( (ini=name.indexOf(cadBuscar))!=-1 ){
                htmlPaises += htmlOptionAutocomplete({
                    tipo: 'pais',
                    id: pais.codigoPais,
                    nombre: pais.nombre.charAt(0).toUpperCase() + pais.nombre.slice(1),
                    ini: ini
                },cadBuscarLength);
                opcionesEncontradas ++;
            }
        });
    }

    var htmlAeropuertos = '';
    if( tipoYaSeleccionado!='vuelo' && PESTANA_TRANSFER && typeof(IATA_AEROPUERTO)!='undefined' ){
        var opcionesEncontradas = 0;
        
        var aeropuertoEncontradoIATA = null;
        var cadBuscarUpperCase = cadBuscar.toUpperCase()
        if( cadBuscar.length==3 && IATA_AEROPUERTO[ cadBuscarUpperCase ] ){
            // En transfer no añadimos los IATAs de grupos
            if( !PESTANA_TRANSFER || !IATA_AEROPUERTO[ cadBuscarUpperCase ].grupo ){
                opcionesEncontradas++;
                htmlAeropuertos += htmlOptionAutocomplete({
                    tipo: 'vuelo',
                    id: IATA_AEROPUERTO[ cadBuscarUpperCase ].value[0],
                    nombre: IATA_AEROPUERTO[ cadBuscarUpperCase ].name[0],
                    ini: ini
                },cadBuscarLength);

                aeropuertoEncontradoIATA = IATA_AEROPUERTO[ cadBuscarUpperCase ];
            }
        }
        
        $.each(IATA_AEROPUERTO, function(iAero, aero){
            if( opcionesEncontradas>=5 )return true;
                        
            // En transfer no añadimos los IATAs de grupos
            if( PESTANA_TRANSFER && aero.grupo )return true;

            var name = normalize( aero.name[0].toLowerCase() );
            // Si ha escrito el nombre completo de la aerolinea --> la cargamos
            if( 
                (ini=name.indexOf(cadBuscar))!=-1 
                && ( 
                    // FRON-2431 Para evitar meter el aeropuerto del IATA duplicado
                    !aeropuertoEncontradoIATA
                    || (aeropuertoEncontradoIATA.name[0]!=aero.name[0])
                )
            ){ 
                htmlAeropuertos += htmlOptionAutocomplete({
                    tipo: 'vuelo',
                    id: aero.value[0],
                    nombre: aero.name[0],
                    ini: ini
                },cadBuscarLength);
                opcionesEncontradas ++;
            }
        });
    }

    var htmlPuerto = '';
    if( tipoYaSeleccionado!='puerto' && PESTANA_TRANSFER && typeof(PUERTOS)!='undefined' ){
        var opcionesEncontradas = 0;
        $.each(PUERTOS, function(iPuerto, puerto){
            if( opcionesEncontradas>=5 )return true;

            var name = normalize( puerto.name.toLowerCase() );
            // Si ha escrito el nombre completo de la aerolinea --> la cargamos
            if( (ini=name.indexOf(cadBuscar))!=-1 ){
                htmlPuerto += htmlOptionAutocomplete({
                    tipo: 'puerto',
                    id: iPuerto,
                    nombre: puerto.name,
                    ini: ini
                },cadBuscarLength);
                opcionesEncontradas ++;
            }
        });
    }

    var htmlEstaciones = '';
    if( tipoYaSeleccionado!='tren' && PESTANA_TRANSFER && typeof(ESTACIONES_TREN)!='undefined' ){
        var opcionesEncontradas = 0;
        $.each(ESTACIONES_TREN, function(iEstacion, estacion){
            if( opcionesEncontradas>=5 )return true;

            var name = normalize( estacion.name.toLowerCase() );
            // Si ha escrito el nombre completo de la aerolinea --> la cargamos
            if( (ini=name.indexOf(cadBuscar))!=-1 ){
                htmlEstaciones += htmlOptionAutocomplete({
                    tipo: 'tren',
                    id: iEstacion,
                    nombre: estacion.name,
                    ini: ini
                },cadBuscarLength);
                opcionesEncontradas ++;
            }
        });
    }
    
    var html = '<div id="autocompleteHoteles" class="autocompleter" style="width:253px; position: absolute;">'
        + '<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display:block;width:483px;max-height:300px; overflow-y:auto;">'
            + (PESTANA_TRANSFER && htmlAeropuertos!=''?'<h4 class="menu-pestanas tituloAutocomplete">Aeroportos</h4>':'')
            + htmlAeropuertos
            + (PESTANA_TRANSFER && htmlPuerto!=''?'<h4 class="menu-pestanas tituloAutocomplete">Puertos</h4>':'')
            + htmlPuerto
            + (PESTANA_TRANSFER && htmlEstaciones!=''?'<h4 class="menu-pestanas tituloAutocomplete">Estaciones</h4>':'')
            + htmlEstaciones
            + (PESTANA_TRANSFER && htmlDestinos!=''?'<h4 class="menu-pestanas tituloAutocomplete">Destinos</h4>':'')
            + htmlDestinos
            + (PESTANA_TRANSFER && htmlHoteles!=''?'<h4 class="menu-pestanas tituloAutocomplete">Hotéis</h4>':'')
            + htmlHoteles;
        if( !PESTANA_TRANSFER ){
            html += (PESTANA_TRANSFER && htmlPaises!=''?'<h4 class="menu-pestanas tituloAutocomplete">Paises</h4>':'')
            + htmlPaises;
        }   
        html += "</ul>";
    + "</div>";
    $('#autocompleteHoteles').remove();
    $(INPUT_NAME_AUTOC).parent().append(html);
    
    // Parche para que ponga todas las primeras letras en mayusculas
    $('#autocompleteHoteles li.hoteles span').each( function(){
        var elOrig = $(this);
        var hmtlOrig = elOrig.html();

        var elEdit = $(this).clone();
        var textOrig = elEdit.text();
        if( textOrig.indexOf('(')!=-1 ){
            textOrig = textOrig.substring(textOrig.indexOf('('), textOrig.indexOf(')')+1);
            var textCap = capitalizeAllWord( textOrig );
            textCap = textCap.replace('( ', '(');
            textCap = textCap.replace(' )', ')');
            $(this).html( hmtlOrig.split(textOrig).join(textCap) )
        } 
    });
}


function getIconOptionAutocomplete(tipo){
    switch(tipo){
        case 'puerto': return 'fa-ship';
        case 'vuelo': return 'fa-plane';
        case 'pais': return 'fa-flag';
        case 'tren': return 'fa-train';
    }
    return '';
}

function htmlOptionAutocomplete(opcion, cadBuscarLength){
    cadBuscarLength = cadBuscarLength || false;

    htmlOpcion = "<li class='ui-menu-item' id='ui-id-12' tabindex='-1' onclick=\"clickAutocompleteHotel('"+ addslashes(opcion.nombre) +"','"+ opcion.id +"','"+ opcion.tipo +"');\">"
        + "<span class='nobr' style='width:455px;'>"
            + "<i class='fa "+ getIconOptionAutocomplete(opcion.tipo) +"' style='color:#c3c8c8;' ></i> ";
            // Si pasamos la cadena buscada --> la marcamos en negrita
            if( cadBuscarLength ){
                htmlOpcion += ( opcion.ini>0?opcion.nombre.substring(0,opcion.ini):'' )
                + "<span style='font-weight:bold;'>"+ opcion.nombre.substring(opcion.ini,opcion.ini+cadBuscarLength) +"</span>"
                + opcion.nombre.substring(opcion.ini+cadBuscarLength, opcion.nombre.length);
            }else{
                htmlOpcion += opcion['nombre']
            }
        htmlOpcion += "</span>"
    + "</li>";
    
    return htmlOpcion;
}


/**
 * Funcíon que muestra todos los destinos de un país
 */
function mostrarDestinosPaisAutocompleter(iPais, tipo, idInput){
	if( $('#cargandoBackground:visible').length )return true;
	
	if( typeof(tipo)=='undefined' )tipo='todo';
	if( typeof(idInput)=='undefined' )idInput='';
	$('#autocompleteHoteles, #autocompleter'+idInput).remove();
	
	var pais = PAISES_AUTOCOMPLETER[iPais];
	if( pais && ((tipo=='todo' && pais.destinos && getLengthObject(pais.destinos)) || (tipo=='aeropuertos' && pais.aeropuertos && getLengthObject(pais.aeropuertos))) ){
		var html = '';
		var html = '<div id="cargandoBackground" class="modal-backdrop fade in"></div>';
		html += '<div id="cargandoContent" style="width:100%;position:fixed;top:50px;left:0;z-index:1100;text-align:center;">'
			+ '<div class="modal-dialog">'
				+ '<div class="modal-content text-center" style="overflow:hidden;">'
					+ '<h2>'
						+ 'Destinos del país '+ capitalizeAll(pais.nombre)
						+ '<i class="fa fa-times-circle" style="float:right;color:#c3c8c8;position:relative;left:-7px;" onclick="$(\'#cargandoBackground\').remove();$(\'#cargandoContent\').remove();"></i>' 
					+'</h2>'
					
					+ '<ul class="ui-front ui-menu ui-widget" style="font-size:14px;text-align:left;max-height:'+ ($(window).height()-160) +'px;overflow-y:auto;overflow-x:hidden;margin-left:15px;">'
					switch( tipo ){
			 			case "todo":
				 			// Si solo hay un destino --> seleccionamos ese destino
				 			if( pais.destinos.length==1 ){
				 				destino = pais.destinos[0];
				 				clickAutocompleteHotel(capitalizeAll(destino.nombre),'Z_'+ destino.IDZona);
				 				return true;
					 		}
				 			 
					 		for(var i in pais.destinos){
						 		destino = pais.destinos[i];
						 		if( destino && typeof(destino)=="object" ){ 
							 		html += '<li class="ui-menu-item" onclick=\'clickAutocompleteHotel("'+ capitalizeAll(destino.nombre) +'","Z_'+ destino.IDZona +'");\' >'
								 		+ '<a class="nobr" href=\'javascript:void(0);\' style="width:100%;">'
								 			+ '<img src="/z.png"> '
								 			+ capitalizeAll(destino.nombre);
	
								 			if( TIPO_CABECERA_AGENCIA=='Vuelo+Hotel' && destino.aeropuertos && destino.aeropuertos.length ){
									 			html += '<span style="display:inline;">'
									 			for(var iAe in destino.aeropuertos){
										 			if( pais.aeropuertos[ destino.aeropuertos[iAe] ]){
														html += ' / <i class="fa fa-plane" style="color:#c3c8c8;" ></i> '
															+ capitalizeAll( pais.aeropuertos[ destino.aeropuertos[iAe] ].nombre );
										 			}
									 			}
									 			html += '</span>';
								 			}
	
								 			html += (destino.nHoteles>0?' <font style="color:#808080;">('+ destino.nHoteles +' Hotéis)</font>':'');
								 		html += '</a>'
								 	+ '</li>';
						 		}
						 	}
						break;
						case "aeropuertos":
							if( pais.aeropuertos && getLengthObject(pais.aeropuertos) ){
				 				for(var iAero in pais.aeropuertos){
							 		var aeropuerto = pais.aeropuertos[iAero];
							 		if( aeropuerto && typeof(aeropuerto)=="object" ){
								 		html += '<li class="ui-menu-item" onclick=\'clickAutocompleterIATA("'+ idInput +'","'+ capitalizeAll(aeropuerto.nombre) + ' - '+ aeropuerto.iata +'","'+ aeropuerto.iata +'");\'>'
									 		+ '<a class="nobr" href=\'javascript:void(0);\' style="width:100%;">'
									 			+ '<i class="fa fa-plane" style="color:#c3c8c8;" ></i> '
									 			+ capitalizeAll(aeropuerto.nombre) +' - '+ aeropuerto.iata + (aeropuerto.destino?' ('+ capitalizeAll(aeropuerto.destino) +')':'');
									 		html += '</a>'
									 	+ '</li>';
							 		}
							 	}
				 			}
				 		break;
					}

			 			html += '<li>&nbsp;</li>';
					html += '</ul>'
				+ '</div>'
			+ '</div>'
		+ '</div>';
		$("html").append(html);
	}
}


/*
 * Evento click de un elemento del autocomplete
 */
function clickAutocompleteHotel(name, value, tipo){
    tipo = tipo || false;
    $(INPUT_NAME_AUTOC).val(name);
    $(INPUT_VALUE_AUTOC).val(value);
    $(INPUT_VALUE_AUTOC).trigger("change");
    $('#autocompleteHoteles').remove();
    $('#cargandoBackground').remove();
    $('#cargandoContent').remove();

    if( tipo && INPUT_VALUE_AUTOC.indexOf('_value')!=-1 ){
        var inputTipo = INPUT_VALUE_AUTOC.replace('_value', '_type');
        if( $(inputTipo).length )$(inputTipo).val(tipo)
    }

    // Para "Vuelo+Hotel" Comprobamos si el destino tiene descuento de residente
    if( TIPO_CABECERA_AGENCIA=='Vuelo+Hotel' ){
        if( IDMinorista!=="17" )comprobarResidente();
        setTimeout(mostrarIconAeropuertosCercanos,50);
    }
}

// Autocompletar Fernando:
function resetIDs() { 
    $('#txtDestino_id').val('');	   
    if( false ){ $(INPUT_VALUE_AUTOC).val(''); }
    else { borraList=true; }
    if( $('#IDE').length ){ $('#IDE').val(''); }		

    // tren
    $('#estTren_destino_name').val('');
    $('#estTren_destino_value').val('');
    $('#divEstacionTrenDestino').hide();
 } 
 //fin autocompletar