var dom = document.getElementById("main-search");
dom.addEventListener("keyup", displayFuzzyFind);

function displayFuzzyFind() {

    if (document.getElementById('tracklist') !== null) {
        var docum = document.getElementById('tracklist')
    }
    if (document.getElementById('albums') !== null) {
        var docum = document.getElementById('albums')
    }
    if (document.getElementById('artists') !== null) {
        var docum = document.getElementById('artists')
    }

    console.log(fuzzyFind(window.model["tracks"], "name", dom.value))

    var result = (fuzzyFind(window.model["tracks"], "name", dom.value))
    docum.innerHTML = "";
    var table = document.createElement("table");
    table.className = "tracklist";
    dom.appendChild(table);
    var row = document.createElement("tr");
    var head1 = document.createElement("th");
    var head2 = document.createElement("th");
    var head3 = document.createElement("th");
    var head4 = document.createElement("th");
    head1.innerHTML = "SONG";
    head2.innerHTML = "ARTIST";
    head3.innerHTML = "ALBUM";
    head4.innerHTML = "TIME";
    head4.className = "tl-time";

    row.appendChild(head1);
    row.appendChild(head2);
    row.appendChild(head3);
    row.appendChild(head4);
    row.className = "tl-header";
    table.appendChild(row);


    for (var _id in result) {
        var row = document.createElement("tr");
        var col1 = document.createElement("td");
        var col2 = document.createElement("td");
        var col3 = document.createElement("td");
        var col4 = document.createElement("td");

        var table_track = result[_id]["name"];
        var table_file = result[_id]["file"];

        col1.innerHTML = "<a " + "href='" + table_file + "'>" + table_track + "</a>";
        col2.innerHTML = getArtist(result[_id]["artist"]);
        col3.innerHTML = getAlbum(result[_id]["collections"]);
        col4.innerHTML = getDuration(result[_id]["duration"]);

        col1.className = "tl-cell";
        col2.className = "tl-cell";
        col3.className = "tl-cell";
        col4.className = "tl-cell tl-time";
        row.appendChild(col1);
        row.appendChild(col2);
        row.appendChild(col3);
        row.appendChild(col4);
        row.className = "tl-row";
        table.appendChild(row);
    }
    console.log(table)
    docum.appendChild(table)

}