document.write("<link href='https://buscaprod.com/b/default_class.css?c' type='text/css' rel='stylesheet'/><div class='bP_buscaprod'><div class='marges'><input type='text' class='bP_casilla' placeholder='Buscar...' onkeyup='bP_buscar()' autofocus /><input type='text' readonly value='Buscando:' class='bP_info' onclick='bP_focus()'  /><input type='text' class='bp_cerrar' readonly value='X' onclick='bP_ocultar()'/><div class='bP_resultados'><div style='margin-top: -600px;float: right;'class='id_bPfinalVisible'></div></div><a href='https://buscaprod.com'><div style='margin-left: calc(100% - 110px);'><img style='width: 100px;' src='https://buscaprod.com/tema/img/buscaprod.svg'/></div></a></div></div>");
var casillaTXT;

var bP_Products;
var bP_num_Products;
var bP_print = "";
var bP_xhttp = new XMLHttpRequest();
var bP_forInitial;
var bP_forFinal;
var bP_fin;
var class_element;
var posicion = [];

function bP_buscar(casillaReal) {//cerrar buscador si el campo esta vacio.
	if(casillaReal.value == ""){//cerrar
		bP_ocultar();
	}
    else{//buscar
        bP_forInitial = 0;
        bP_forFinal = 10;
        bP_print = "";
        //bP_xhttp.abort();
        bP_fin = false;
		bP_buscarNext(casillaReal);
	}
}

function bP_buscarNext(casillaReal) {
    casilla = bP_mostrar(casillaReal);
    casillaTXT = casilla;
    var apikey="";
    bP_xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200 ) {
        
            if(this.responseText != "" && this.responseText != "null"){//Siempre que tengamos resultado
                //bP_Products = JSON.parse(this.responseText);
                bP_Products = this.responseText.split("||");
                bP_printProduct();
                var bP_num = bP_Products.length;

                bP_s = "";
                if(bP_num>1){bP_s ="s";}
                if(bP_num>=100){bP_num = "+100";}
                var class_element = document.getElementsByClassName("bP_info");
                for (var i = 0; i < class_element.length; i++) {class_element[i].value = bP_num +" Resultado"+bP_s+": "+palabras;}

                //document.getElementsByClassName("bP_resultados").innerHTML = this.responseText + "<br style='clear:both'/>";
            }
            else{              
                class_element = document.getElementsByClassName("bP_info");
                for (var i = 0; i < class_element.length; i++) {class_element[i].value = "0 Resultados: "+palabras;}
                class_element = document.getElementsByClassName("bP_resultados");
                for (var i = 0; i < class_element.length; i++) {class_element[i].innerHTML = "";}
            }
        
        }
    };
    palabras = casilla.value;
    class_element = document.getElementsByClassName("bP_info");
    for (var i = 0; i < class_element.length; i++) {class_element[i].value = "Buscando: "+palabras;}

    if (palabras.length>2) {
        palabrasurl = encodeURI(palabras);
        bP_xhttp.open("GET", "https://buscaprod.com/api/?r=es/busca/gauus_es/"+palabrasurl, true);
        bP_xhttp.send();
    } else {
        class_element = document.getElementsByClassName("bP_resultados");
        for (var i = 0; i < class_element.length; i++) {class_element[i].innerHTML ="";}
    }
}

function bP_mostrar(casilla) {
  // Mostrar el buscador
    class_element = document.getElementsByClassName("bP_buscaprod");
    for (var i = 0; i < class_element.length; i++) {class_element[i].style.display="block";}

  // si la casilla es la de por defecto (undefined), 
  // ...mostrarla y ponerle foco (desactivada por def)
    if (casilla==undefined) {
        class_element = document.getElementsByClassName("bP_casilla");
        for (var i = 0; i < class_element.length; i++) {class_element[i].style.display='inline-block';}
        //casilla.focus();
    } else { 
        class_element = document.getElementsByClassName("bP_casilla");
        for (var i = 0; i < class_element.length; i++) {class_element[i].style.display='none';}

        class_element = document.getElementsByClassName("bP_info");
        for (var i = 0; i < class_element.length; i++) {class_element[i].style.display='inline-block';}
    }
  // Devolver el objeto de la casilla funcional 
    return casilla;
}

function bP_ocultar() {
    class_element = document.getElementsByClassName("bP_buscaprod");
    for (var i = 0; i < class_element.length; i++) {class_element[i].style.display="none";}
}

function bP_focus() {
  casillaTXT.focus();
  console.log("focus");
}

function bP_printProduct(){//imprimiremos de 10 en 10

    if(bP_Products.length < bP_forFinal){bP_forFinal=bP_Products.length;bP_fin = true;}

    for (i = bP_forInitial; i < bP_forFinal; i++) { 
        bP_print += bP_Products[i];
    }
    class_element = document.getElementsByClassName("bP_resultados");
    for (var i = 0; i < class_element.length; i++) {class_element[i].innerHTML = bP_print+"<div style='margin-top: -600px;float: right;'class='id_bPfinalVisible'></div>";}

    bP_forInitial += 10;
    bP_forFinal += 10;

    //Si continua viendose el delimitador imprimir 10 mas.
    class_element = document.getElementsByClassName("id_bPfinalVisible");
    for (var i = 0; i < class_element.length; i++) {posicion[i] = class_element[i].getBoundingClientRect();}


    //var posicion = elemento.getBoundingClientRect();
    for (var i = 0; i < posicion.length; i++) {
        if(bP_Products != null && bP_Products != undefined && !bP_fin && posicion[i].top < window.innerHeight){
        bP_printProduct();

        //Como hemos modificado 2 hay que volver a calcular la posición
        class_element = document.getElementsByClassName("id_bPfinalVisible");
        for (var i = 0; i < class_element.length; i++) {posicion[i] = class_element[i].getBoundingClientRect();}
        }
    }
}


window.addEventListener("scroll", function(){
    class_element = document.getElementsByClassName("id_bPfinalVisible");
    for (var i = 0; i < class_element.length; i++) {posicion[i] = class_element[i].getBoundingClientRect();}
    
    for (var i = 0; i < posicion.length; i++) {
        if(bP_Products != null && bP_Products != undefined && !bP_fin && posicion[i].top < window.innerHeight){
        bP_printProduct();

        //Como hemos modificado 2 hay que volver a calcular la posición
        class_element = document.getElementsByClassName("id_bPfinalVisible");
        for (var i = 0; i < class_element.length; i++) {posicion[i] = class_element[i].getBoundingClientRect();}
        }
    }

}, false);