var dropbox;
function init() {
    window.addEventListener("dragenter", dragenter, true);
    dropbox = document.getElementById("saskia");
    window.addEventListener("dragleave", dragleave, true);
    dropbox.addEventListener("dragover", dragover, true);
    dropbox.addEventListener("drop", drop, true);
}

function dragenter(e) {
    dropbox.setAttribute("dragenter", true);
}

function dragleave(e) {
    dropbox.removeAttribute("dragenter");
}

function dragover(e) {
    e.preventDefault();
}

function drop(e) {
    var dt = e.dataTransfer;
    var files = dt.files;

    e.preventDefault();
	
	var txt = "";
    for (var i = 0; i < dt.types.length; i++) {
        txt += i + " (" + dt.types[i] + ") : " + dt.getData(dt.types[i]);
        txt += "\n";
    }
	
	
	for (var i = 0; i < files.length; i++) {
		//reader.readAsBinaryString(files[i]);
		//reader.readAsDataURL(files[i]);
		//dropbox.myFileInfo(files[i].name, 'name');
		//dropbox.myFileInfo(files[i].name + ' (' + Math.ceil(files[i].size/1024) + 'kb)', 'info');
		//dropbox.myFileInfo(files[i].type, 'info');
		var reader = new FileReader();
		reader.onprogress = updateProgress;
		reader.onerror = errorHandler;

		reader.onload = function(e) {
		  dropbox.myFileInfo('loaded', 'info');
		  var bin = e.target.result;
		  try
			  {
				dropbox.myFileInfo(bin, 'byteArray');
			  }
		  catch(err)
			  {
				dropbox.myFileInfo(err, 'info');
			  }
		};
		reader.readAsDataURL(files[i]);
		//dropbox.myFileInfo(txt, 'object');
	}
	
	function updateProgress(evt){
	   // use lengthComputable, loaded, and total on ProgressEvent
	   if (evt.lengthComputable) {
			  var loaded = (evt.loaded / evt.total);
			  if (loaded < 1) {
				// update progress meter
				dropbox.myFileInfo(loaded + '%', 'info');
			  }
	   }
	}
	 
	function errorHandler(evt) {
	  dropbox.myFileInfo(evt.target.error.code, 'info');
	}
}

window.addEventListener("load", init, true);