var clases_title = document.getElementById('classes-title');
var other_title = document.getElementById('other-title');

function Search()
{
    var input = document.getElementById("myInput");
    var filter = input.value.toUpperCase();
    var tables = document.querySelectorAll('table');

    if(input.value == "")
    {
        for(var c = 0; c < tables.length; c++)
        {
            var tr = tables[c].getElementsByTagName('tr');

            for(var i = 0; i < tr.length; i++)
            {
                tr[i].style.display = "";
            }
        }

        clases_title.style.display = "";
        other_title.style.display = "";
    }

    for(var c = 0; c < tables.length; c++)
    {
        tr = tables[c].getElementsByTagName("tr");

        for (i = 0; i < tr.length; i++)
        {
            td1 = tr[i].getElementsByTagName("td")[0];
            td2 = tr[i].getElementsByTagName("td")[1];
            td3 = tr[i].getElementsByTagName("td")[2];

            if(td1)
            {
                txtValue1 = td1.textContent || td1.innerText;

                if(c == 0)
                {
                    if(txtValue1.toUpperCase().indexOf(filter) > -1)
                    {
                        tr[0].style.display = "";
                        tr[i].style.display = "";
                    }
                    else
                    {
                        tr[i].style.display = "none";
                    }
                }
            }

            if(td2)
            {
                txtValue2 = td2.textContent || td2.innerText;

                if(c == 1)
                {
                    if(txtValue2.toUpperCase().indexOf(filter) > -1)
                    {
                        tr[0].style.display = "";
                        tr[i].style.display = "";
                    }
                    else
                    {
                        tr[i].style.display = "none";
                    }
                }
            }

            if(td3)
            {
                txtValue3 = td3.textContent || td3.innerText;

                if(c == 2)
                {
                    if(txtValue3.toUpperCase().indexOf(filter) > -1)
                    {
                        tr[0].style.display = "";
                        tr[i].style.display = "";
                    }
                    else
                    {
                        tr[i].style.display = "none";
                    }
                }
            }
        }

        EmptyTable(tables[c],c);
    }
}

function EmptyTable(table,index)
{
    var tr = table.getElementsByTagName('tr');

    for(var i = 1; i < tr.length; i++)
    {
        if(tr[i].style.display == "")
        {
            tr[i].style.display = "";
            return;
        }
    }

    if(index == 1)
    {
        clases_title.style.display = "none";
    }
    else if(index == 2)
    {
        other_title.style.display = "none";
    }

    tr[0].style.display = "none";
}