var $filequeue,
				$filelist;

			$(document).ready(function() {
				$filequeue = $(".upload .filelist.queue");
				$filelist = $(".upload .filelist.complete");

				$(".upload .dropped").dropper({
					action: "process/upload.php",
					maxSize: 2000428800,
					postData: {"id_projet":null}				}).on("start.dropper", onStart)
				  .on("complete.dropper", onComplete)
				  .on("fileStart.dropper", onFileStart)
				  .on("fileProgress.dropper", onFileProgress)
				  .on("fileComplete.dropper", onFileComplete)
				  .on("fileError.dropper", onFileError);

				$(window).one("pronto.load", function() {
					$("upload .dropped").dropper("destroy").off(".dropper");
				});
				
				$(".delete").click(function() {
					if (confirm("Confirmez-vous la suppression de ce fichier ?")) {
						$.post( "process/delete.php", { id_projet: "" , file: $(this).attr('id') })
						  .done(function( data ) {
							if (data != '') {
						    	alert( data );
						    } else {
							    location.reload();
						    }
						  });
					}					
				});
			});

			function onStart(e, files) {
				console.log("Start");

				var html = '';

				for (var i = 0; i < files.length; i++) {
					html += '<li data-index="' + files[i].index + '"><span class="file">' + files[i].name + '</span><span class="progress">Attente</span></li>';
				}

				$filequeue.append(html);
			}

			function onComplete(e) {
				console.log("Complete");
				// All done!
			}

			function onFileStart(e, file) {
				console.log("File Start");

				$filequeue.find("li[data-index=" + file.index + "]")
						  .find(".progress").text("0%");
			}

			function onFileProgress(e, file, percent) {
				console.log("File Progress");

				$filequeue.find("li[data-index=" + file.index + "]")
						  .find(".progress").text(percent + "%");
			}

			function onFileComplete(e, file, response) {
				console.log("File Complete");

				if (response.trim() === "" || response.toLowerCase().indexOf("erreur") > -1 || response.toLowerCase().indexOf("info") > -1 || response.toLowerCase().indexOf("error") > -1) {
					$filequeue.find("li[data-index=" + file.index + "]").addClass("error")
							  .find(".progress").text(response.trim());
				} else {
					var $target = $filequeue.find("li[data-index=" + file.index + "]");

					$target.find(".file").text(file.name);
					$target.find(".progress").remove();
					$target.appendTo($filelist);
				}
			}

			function onFileError(e, file, error) {
				console.log("File Error");

				$filequeue.find("li[data-index=" + file.index + "]").addClass("error")
						  .find(".progress").text("ERREUR: " + error);
			}