/*
*	Upload files to the server using HTML 5 Drag and drop the folders on your local computer
*
*	Tested on:
*	Mozilla Firefox 3.6.12
*	Google Chrome 7.0.517.41
*	Safari 5.0.2
*	Safari na iPad
*	WebKit r70732
*
*	The current version does not work on:
*	Opera 10.63
*	Opera 11 alpha
*	IE 6+
*/
var x = false;
function uploadFile(e) {
	AJAXFileUpload(document.getElementById("drop").value);
}

function AJAXFileUpload(file){
	var ajaxRequest;  // The variable that makes Ajax possible!

	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			document.getElementById("content").innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open("POST", "./refreshprojects.php", true);
	ajaxRequest.send(null);
}

function uploader(place, status, targetPHP, show) {
	var name2;
	// Upload image files
	upload = function(file, name, doel) {

		// Firefox 3.6, Chrome 6, WebKit
		if(window.FileReader) {

			// Once the process of reading file

				this.loadEnd = function() {
					bin = reader.result;
					xhr = new XMLHttpRequest();
					xhr.open('POST', targetPHP+'?up=true', true);
					var boundary = 'xxxxxxxxx';
					var body = '--' + boundary + "\r\n";
					body += "Content-Disposition: form-data; name='upload'; filename='" + file.name + "'\r\n";
					body += "Content-Type: application/octet-stream\r\n\r\n";
					body += bin + "\r\n";
					body += '--' + boundary + '--';
					xhr.setRequestHeader('content-type', 'multipart/form-data; boundary=' + boundary);
					// Firefox 3.6 provides a feature sendAsBinary ()
					if(xhr.sendAsBinary != null) {
						xhr.sendAsBinary(body);
					// Chrome 7 sends data but you must use the base64_decode on the PHP side
					} else {
						xhr.open('POST', targetPHP+'?up=true&base64=true&name='+name+'&doel='+doel, true);
						xhr.setRequestHeader('UP-FILENAME', file.name);
						xhr.setRequestHeader('UP-SIZE', file.size);
						xhr.setRequestHeader('UP-TYPE', file.type);
						xhr.send(window.btoa(bin));
						if (x == true) {
						$("#notification").html("Project toegevoegd");
						$("#notification").fadeIn().delay(2000).fadeOut();
						x = false;
						}
						//setInterval(refreshProjects(), 500);
					}
					if (show) {
						var newFile  = document.createElement('div');
						newFile.innerHTML = 'Loaded : '+file.name+' size '+file.size+' B';
						//document.getElementById(show).appendChild(newFile);
					}
					alert(status);
					if (status) {
						//document.getElementById(status).innerHTML = 'Loaded : 100%<br/>Next file ...';
						alert("Test");
					}

				}

				// Loading errors
				this.loadError = function(event) {
					switch(event.target.error.code) {
						case event.target.error.NOT_FOUND_ERR:
							document.getElementById(status).innerHTML = 'File not found!';
						break;
						case event.target.error.NOT_READABLE_ERR:
							document.getElementById(status).innerHTML = 'File not readable!';
						break;
						case event.target.error.ABORT_ERR:
						break;
						default:
							document.getElementById(status).innerHTML = 'Read error.';
					}
				}

				// Reading Progress
				this.loadProgress = function(event) {
					if (event.lengthComputable) {
						var percentage = Math.round((event.loaded * 100) / event.total);
						document.getElementById(status).innerHTML = 'Loaded : '+percentage+'%';
					}
				}

				/* Preview images
				this.previewNow = function(event) {
					bin = preview.result;
					var img = document.createElement("img");
					img.className = 'addedIMG';
					img.file = file;
					img.src = bin;
					document.getElementById(show).appendChild(img);
				}*/

			reader = new FileReader();
			// Firefox 3.6, WebKit
			if(reader.addEventListener) {
				reader.addEventListener('loadend', this.loadEnd, false);
				if (status != null)
				{
					reader.addEventListener('error', this.loadError, false);
					reader.addEventListener('progress', this.loadProgress, false);
				}

			// Chrome 7
			} else {
				reader.onloadend = this.loadEnd;
				if (status != null)
				{
					reader.onerror = this.loadError;
					reader.onprogress = this.loadProgress;
				}
			}
			var preview = new FileReader();
			// Firefox 3.6, WebKit
			if(preview.addEventListener) {
				preview.addEventListener('loadend', this.previewNow, false);
			// Chrome 7
			} else {
				preview.onloadend = this.previewNow;
			}

			// The function that starts reading the file as a binary string
			reader.readAsBinaryString(file);

			// Preview uploaded files
			if (show) {
				preview.readAsDataURL(file);
			}

			// Safari 5 does not support FileReader

			} else {
				xhr = new XMLHttpRequest();
				xhr.open('POST', targetPHP+'?up=true', true);
				xhr.setRequestHeader('UP-FILENAME', file.name);
				xhr.setRequestHeader('UP-SIZE', file.size);
				xhr.setRequestHeader('UP-TYPE', file.type);
				xhr.send(file);

				if (status) {
					document.getElementById(status).innerHTML = 'Loaded : 100%';
				}
				if (show) {
					var newFile  = document.createElement('div');
					newFile.innerHTML = 'Loaded : '+file.name+' size '+file.size+' B';
					document.getElementById(show).appendChild(newFile);
				}
			}

	}

	// Function drop file
	this.drop = function(event) {
		if (window.confirm("Weet u zeker dat u deze actie wilt doen?")) {
			event.preventDefault();
			var dt = event.dataTransfer;
			var files = dt.files;
			var doel = this.id;
			x = true;
			name2 = Math.floor(Math.random()*100000000);
			for (var i = 0; i<files.length; i++) {
				var file = files[i];
				alert(file.name);
				upload(file, name2, doel);
			}
		}
	}

	// The inclusion of the event listeners (DragOver and drop)
		var count = document.getElementsByClassName('imagedrop').length;
		for (var i = 0; i < count; i++){
			this.uploadPlace = document.getElementsByClassName('imagedrop')[i];
			this.uploadPlace.addEventListener("dragover", function(event) {
				event.stopPropagation();
				event.preventDefault();
			}, true);
			this.uploadPlace.addEventListener("drop", this.drop, false);
		}

}

function refreshProjects(){
	var ajaxRequest;  // The variable that makes Ajax possible!

	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			document.getElementById("content").innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open("POST", "./refreshprojects.php", true);
	ajaxRequest.send(null);
}