function getProducts(cant, skip, container_id){
    cant = typeof cant !== 'undefined' ? cant : 6;
    skip = typeof skip !== 'undefined' ? skip : 0;
    container_id = typeof container_id !== 'undefined' ? container_id : "filter-container";

    var container = document.getElementById(container_id);
    var params = "?cant=" + cant + "&skip=" + skip;
    var request = new XMLHttpRequest();

    request.open("POST", "https://www.filtrosziga.com/products/products-repo.php" + params);
    request.setRequestHeader('Content-Type', 'application/json');
    request.onload = function(){
        // Status 200 significa una respuesta exitosa del servidor
        if(request.status == 200){
            var productList = JSON.parse(request.responseText);
           // console.log("Productos Obtenidos:", productList);
            loadProductsInContainer(productList, container_id);
        }else{
            alert("Ocurrio un problema al cargar los productos");
        }        
    };   
    request.send();
}

function getProductsByCategory(category, returnedList){
    var params = "?category="+ category;
    var request = new XMLHttpRequest();

    request.open("POST", "https://www.filtrosziga.com/products/products-repo.php" + params);
    request.setRequestHeader('Content-Type', 'application/json');
    request.onload = function(){
        // Status 200 significa una respuesta exitosa del servidor
        if(request.status == 200){
            var productList = JSON.parse(request.responseText);
            returnedList(productList);
        }else{
            alert("Ocurrio un problema al cargar los productos");
        }        
    };    
    request.send();
}

function getProductsByMaterial(material, returnedList){
    var params = "?material=" + material;
    var request = new XMLHttpRequest();

    request.open("POST", "https://www.filtrosziga.com/products/products-repo.php" + params);
    request.setRequestHeader('Content-Type', 'application/json');
    request.onload = function(){
        // Status 200 significa una respuesta exitosa del servidor
        if(request.status == 200){
            var productList = JSON.parse(request.responseText);
            returnedList(productList);
        }else{
            alert("Ocurrio un problema al cargar los productos");
        }        
    };    
    request.send();
}

function loadProductsInContainer(productList, container_id){
    container_id = typeof container_id !== 'undefined' ? container_id : "filter-container";
    var container = document.getElementById(container_id);
    container.innerHTML = "";
    // console.log("Inside loadProductsInContainer:", productList);

    for (i = 0, item = "", htmlCode = ""; i < productList.length; i++) {
        item = document.createElement("div");
        item.className = "filter-item";

        htmlCode = '<div class="filter-item-image" style="background-image: url(https://www.filtrosziga.com/img/filtros/'+ productList[i].Imagenes[0] +')">' +                     
                        '<a href="https://www.filtrosziga.com/Productos/?code='+ productList[i].Codigo +'" class="btn green mobile">VER</a>  ' + 
                    '</div>' + 
                    '<div class="filter-item-description">' + 
                        '<h5 class="text-dark-grey"><strong>Filtro '+ productList[i].Codigo +'</strong></h5>' + 
                        '<p class="text-dark-grey">'+ productList[i].Descripcion +' <br> '+
                        '<a href="https://www.filtrosziga.com/Productos/?code='+ productList[i].Codigo +'" class="btn green desktop">VER</a>'+
                    '</div>';
        item.innerHTML = htmlCode;
        container.appendChild(item);
    }
}