(function() {
	var gomfload = function() {
		"use strict";

		var required = ['FormData', 'XMLHttpRequest'];
		for (var i=0; i<required.length; ++i) {
			if (typeof window[required[i]] === 'undefined') {
				console.log('browser does not support window.' + required[i] + ', Gomf JS disabled');
				return;
			}
		}

		var fileName = document.querySelector('main form span');
		var fileDiv = document.querySelector('main form div');
		var fileSubmit = document.querySelector('#file-submit');
		var fileInput = document.querySelector('#file');
		var resultList = document.querySelector('#results');
		var maxSize = parseInt(fileInput.attributes['data-max-size'].value);

		if (!Element.prototype.remove) {
			Element.prototype.remove = function() {
				this.parentElement.removeChild(this);
			}
		}

		var upload = function(files) {
			if (files.length ==0) {
				alert('No files selected');
				fileInput.value = '';
				updateName();
				return;
			}

			for (var i=0; i<files.length; ++i) {
				if (files[i].size > maxSize) {
					alert('File ' + files[i].name + ' too large, maximum allowed size is ' + humanize(maxSize));
					fileInput.value = '';
					updateName();
					return;
				}
			}

			for (var i=0; i<files.length; ++i) {
				uploadFile(files[i]);
			}

			fileInput.value = '';
			updateName();
		};

		var uploadFile = function(file) {
			var xhr = new XMLHttpRequest();

			var formData = new FormData();
			formData.append('files[]', file);

			var resultItem = document.createElement('li');
			var name = document.createElement('b');
			name.appendChild(document.createTextNode(file.name));
			resultItem.appendChild(name);
			resultItem.appendChild(document.createTextNode(': '));
			var progressBar = document.createElement('progress');
			progressBar.min = 0;
			progressBar.max = 100;
			progressBar.value = 0;
			resultItem.appendChild(progressBar);
			var progressText = document.createElement('span');
			progressText.textContent = ' 0% - 0/0';
			resultItem.appendChild(progressText);
			resultList.appendChild(resultItem);

			xhr.upload.addEventListener('progress', function(e) {
				if (e.lengthComputable) {
					progressBar.max = e.total;
					progressBar.value = e.loaded;
					progressText.textContent = ' ' + (Math.round(e.loaded / e.total * 10000) / 100) + '%  -  ' + humanize(e.loaded) + ' / ' + humanize(e.total);
				} else {
					progressBar.value = '';
					progressText.textContent = '';
				}
			}, false);

			xhr.addEventListener('readystatechange', function() {
				if (xhr.readyState == 4) {
					fileInput.value = '';
					progressBar.remove();
					progressText.remove();
					var resp = xhr.responseText.replace(/\s$/, '');;
					//if (resp.indexOf('http') == 0) {
					if (xhr.status == 200) {
						var a = document.createElement('a');
						a.href = resp;
						a.textContent = resp;
						var input = document.createElement('input');
						input.type = 'text';
						input.readOnly = true;
						input.value = resp;
						console.log(input);
						console.log(resp);
						console.log(input.value);
						console.log(input.value.length);
						input.size = input.value.length;
						input.addEventListener('click', function() {
							this.select();
						});
						resultItem.appendChild(a);
						resultItem.appendChild(document.createTextNode(' '));
						resultItem.appendChild(input);
					} else {
						var span = document.createElement('span');
						span.style.color = 'red';
						span.textContent = resp;
						resultItem.appendChild(span);
					}
					updateName();
				}
			});

			var postPath = 'upload.php?output=text';

			xhr.open('POST', postPath);

			xhr.send(formData);
		};

		var humanize = function(n) {
			var units = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
			var i = 0;
			while (n >= 1024 && i < units.length-1) {
				n /= 1024;
				++i;
			}
			return (Math.round(n*10)/10) + ' ' + units[i];
		};

		var submit = function(e) {
			upload(fileInput.files);
			e.preventDefault();
		};

		var updateName = function(files) {
			files = files || fileInput.files;
			if (files.length > 0) {
				if (files.length == 1) {
					fileName.textContent = files[0].name;
				} else {
					fileName.textContent = files.length + ' files selected';
				}
			} else {
				fileName.textContent = fileName.originalText;
			}
		};

		var dragenter = function(e) {
			e.stopPropagation();
			e.preventDefault();
		};

		var drop = function(e) {
			e.stopPropagation();
			e.preventDefault();
			upload(e.dataTransfer.files);
		};

		fileInput.addEventListener('change', submit);
		fileInput.addEventListener('dragenter', dragenter);
		fileInput.addEventListener('dragover', dragenter);
		fileInput.addEventListener('drop', drop);

		fileName.textContent = 'Select or drop files here';
		fileName.originalText = fileName.textContent;
		fileDiv.className = 'file';
		fileInput.multiple = 'multiple';
		fileSubmit.style.display = 'none';

		updateName();
	};

	if (document.readyState !== 'loading') {
		gomfload();
	} else {
		document.addEventListener('DOMContentLoaded', gomfload);
	}
})();