$(document).ready(function() {
	if (document.getElementById("lzz_users_profileImage")) {
		setUsersUploadFile();
		setPreview();
	}
});

function setPreview() {
	
	var file = "";
	if (document.getElementById("lzz_users_profileImage") != null && document.getElementById("lzz_users_profileImage").value != "")
		file = document.getElementById("lzz_users_profileImage").value;
	
	var previewURL = "/modules/lzz_users/plugins/preview.php";
	previewURL += "?file=" + file;
	previewURL += "&posY=" + document.profileEdit["imagePosY"].value;
	previewURL += "&posX=" + document.profileEdit["imagePosX"].value;
	previewURL += "&zoom=" + document.profileEdit["imageZoom"].value;
	previewURL += "&rotation=" + document.profileEdit["imageRotation"].value;

	$("#imagePreviewImgUser").attr("src", previewURL);
}

function setMoveImageY(move) {
	var id = "imagePosY";
	var posY = document.profileEdit[id].value - 0;
	posY += move - 0;
	document.profileEdit[id].value = posY;
	setPreview();
}

function setMoveImageX(move) {
	var id = "imagePosX";
	var posX = document.profileEdit[id].value - 0;
	posX += move - 0;
	document.profileEdit[id].value = posX;
	setPreview();
}

function setRotate(degrees) {
	var id = "imageRotation";
	var rotation = document.profileEdit[id].value - 0;
	rotation += degrees - 0;
	document.profileEdit[id].value = rotation;
	setPreview();
}

function setZoom(lvl) {
	var id = "imageZoom";
	var zoom = document.profileEdit[id].value - 0;
	zoom += lvl - 0;
	document.profileEdit[id].value = zoom;
	setPreview();
}

function setUsersUploadFile() {

	new AjaxUpload("lzz_users_uploadButton", {
		action: "/modules/lzz_users/plugins/upload.php",
		name: "uploadImage",
		responseType: "text/html",
		onSubmit : function(file , ext){
			ext = ext.toLowerCase();
			// Alleen afbeeldingen toestaan. OOK SERVER SIDE CHECKEN!!!
			if (ext && /^(jpg|png|jpeg|gif)$/i.test(ext)){
				// Andere data
				this.setData({
					'lzz_users_upload_file': 'true'
				});
				document.getElementById("lzz_users_upload_mssg").innerHTML = '<img src="img/laatzeelandzien/uweigenz/loading.gif"> Bezig met uploaden.';
			} else {					
				// Het is geen afbeelding!!
				document.getElementById("lzz_users_upload_mssg").innerHTML = '<span style="color: #FF0000;">U kunt alleen afbeeldingen uploaden.</span>';
				// Annuleer de upload.
				return false;				
			}		
		},
		onComplete : function(file, response){
			if (response.substring(0,4) == "FAIL") {
				// Verwerken van de afbeelding is mislukt.
				document.getElementById("lzz_users_profileImage").value = "";
				document.getElementById("lzz_users_upload_mssg").innerHTML = '<span style="color: #FF0000;">Upload mislukt ' + response.replace("FAIL", "") + '</span>';
			} else {
				// Verwerken gelukt!
				var uploadedFile = response;
				document.getElementById("lzz_users_profileImage").value = uploadedFile;
				document.getElementById("lzz_users_upload_mssg").innerHTML = "";
				document.getElementById("imageUserToolkit").style.display = "block";
				setPreview();
			}
		}		
	});
}