//  <div id="drop_zone">Drop files here</div>
    //  <output id="list"></output>
    /*
        IMPORTANT:
       -drop 'names.txt' from explorer/desktop onto the browser SearchField-area
       -in the textfile all names must be separated by newLines
       -caution to filename
       -caution to encoding
    */

    //CFG
    var encoding = "UTF-8";
    var fileName = "names.txt";
    var nameArray = [];

    function handleFileSelect(evt) {
        evt.stopPropagation();
        evt.preventDefault();

        var files = evt.dataTransfer.files; // FileList object.

        // files is a FileList of File objects. List some properties.
        var output = [];
        for (var i = 0, f; (f = files[i]); i++) {
            output.push('<a><strong>', escape(f.name), '</strong></a>');
            if ((f.name).indexOf(fileName > -1)) {
                loadNames(f);
            }
        }
    }

    function handleDragOver(evt) {
        evt.stopPropagation();
        evt.preventDefault();
        evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
    }

    function loadNames(tFile)
    {
        var reader = new FileReader();
        //read in Txt into Array
        reader.readAsText(tFile, encoding);

        // Handle progress, success, and errors
        //reader.onprogress = updateProgress;
        reader.onload = loaded;
        reader.onerror = errorHandler;
    }

    function loaded(evt) {
        // Obtain the read file data
        var fileString = evt.target.result;
        // Handle file dump
        if (fileString.length === 0)
        { alert('string from file ' + fileName + ' empty'); }
        else {
            var splitNamesArr = fileString.value.split("\n");
            splitNamesArr.forEach(line => line.replace('\n', ''));
            nameArray = splitNamesArr;

            //TEST
            alert(nameArray.join());
        }
    }

    function errorHandler(evt) {
        if(evt.target.error.name === "NotReadableError") {
            // The file could not be read
            alert("unreadable...omg s9jruz... what you doing");
        }
    }

    // Setup the dnd listeners.
    var dropZone = document.getElementById('drop_zone');
    dropZone.addEventListener('dragover', handleDragOver, false);
    dropZone.addEventListener('drop', handleFileSelect, false);