var previewURL = "/modules/lzz_uweigenz/plugins/preview.php";
var printURL = "/modules/lzz_uweigenz/plugins/print.php";
var imageURL = "";

$(document).ready(function() {
	if (document.formUwEigenZ) {
		setStep();
		buildZPreview();
		setColorPicker();
		setZType();
		setZUpload();
		setAType();
		setAUpload();
		buildZPreview();
	}
	if (document.getElementById("ztoolkitFinishedRedirect") != null && document.getElementById("ztoolkitFinishedRedirect").value != undefined)
		document.location = document.getElementById("ztoolkitFinishedRedirect").value;
});

function setStep(step) {
	if (!step) {
		if (document.formUwEigenZ["step"].value != "")
			step = document.formUwEigenZ["step"].value;
		else
			step = 1;
	}

	document.formUwEigenZ["step"].value = step;

	clearToolkit();
	if (step-0 == 1) {
		$("#zToolkitStep1Off").css("display", "none");
		$("#zToolkitStep1On").css("display", "block");
		$("#zToolkitStep2Off").css("display", "block");
		$("#zToolkitStep2On").css("display", "none");
		setZType();
	} else {
		$("#zToolkitStep1Off").css("display", "block");
		$("#zToolkitStep1On").css("display", "none");
		$("#zToolkitStep2Off").css("display", "none");
		$("#zToolkitStep2On").css("display", "block");
		setAType();
	}
}

function getStep() {
	try {
		return document.formUwEigenZ["step"].value-0;
	} catch (e) {}	
	return 1;
}

function setColorPicker() {
    $("#imgColorPicker").click(function(e){
		// Calc mouse position on colorpicker
        var x = e.pageX - $(this).position().left;
        var y = e.pageY - $(this).position().top;

		// See what color was picked
		$.ajax({
			url: "/modules/lzz_uweigenz/plugins/pickcolor.php?x=" + x + "&y=" + y,
			success: function(colorCode) { 
				setColor(colorCode); 
			}
		});
    });
}

function setZType() {
	if (document.getElementById("zTypeColor").checked) {
		$("#panelColor").css("display", "block");
		$("#panelImg").css("display", "none");
		$("#zToolkitUploadZ").css("display", "none");
	} else {
		$("#panelColor").css("display", "none");
		$("#panelImg").css("display", "block");
		$("#zToolkitUploadZ").css("display", "block");
	}
}

function setAType() {
	if (document.getElementById("aTypeColor").checked) {
		$("#panelColor").css("display", "block");
		$("#panelImg").css("display", "none");
		$("#zToolkitUploadA").css("display", "none");
	} else {
		$("#panelColor").css("display", "none");
		$("#panelImg").css("display", "block");
		$("#zToolkitUploadA").css("display", "block");
	}
}

function clearToolkit() {
	$("#panelColor").css("display", "none");
	$("#panelImg").css("display", "none");
	$("#zToolkitUploadA").css("display", "none");
	$("#zToolkitUploadZ").css("display", "none");
}

function buildZPreview() {

	imageURL = "";

	if (document.getElementById("zTypeColor").checked) {
		imageURL += "?ztype=color";
		imageURL += "&zvalue=" + document.formUwEigenZ["zColor"].value;
	} else {		
		imageURL += "?ztype=img";
		imageURL += "&zvalue=" + document.formUwEigenZ["zImage"].value;
		imageURL += "&zposy=" + document.formUwEigenZ["zImagePosY"].value;
		imageURL += "&zposx=" + document.formUwEigenZ["zImagePosX"].value;
		imageURL += "&zrotation=" + document.formUwEigenZ["zImageRotation"].value;
		imageURL += "&zzoom=" + document.formUwEigenZ["zImageZoom"].value;
	}

	if (document.getElementById("aTypeColor").checked) {
		imageURL += "&atype=color";
		imageURL += "&avalue=" + document.formUwEigenZ["aColor"].value;
	} else {		
		imageURL += "&atype=img";
		imageURL += "&avalue=" + document.formUwEigenZ["aImage"].value;
		imageURL += "&aposy=" + document.formUwEigenZ["aImagePosY"].value;
		imageURL += "&aposx=" + document.formUwEigenZ["aImagePosX"].value;
		imageURL += "&arotation=" + document.formUwEigenZ["aImageRotation"].value;
		imageURL += "&azoom=" + document.formUwEigenZ["aImageZoom"].value;
	}

	$("#uweigenzPreview").attr("src", previewURL + imageURL);
}

function setColor(color) {
	if (getStep() === 1)
		document.formUwEigenZ["zColor"].value = color;
	else
		document.formUwEigenZ["aColor"].value = color;

	buildZPreview();
}

function setMoveImageY(move) {
	var id = "";
	if (getStep() == 1)
		id = "zImagePosY";
	else
		id = "aImagePosY";

	var posY = document.formUwEigenZ[id].value - 0;
	posY += move - 0;
	document.formUwEigenZ[id].value = posY;
	buildZPreview();
}

function setMoveImageX(move) {
	var id = "";
	if (getStep() == 1)
		id = "zImagePosX";
	else
		id = "aImagePosX";

	var posX = document.formUwEigenZ[id].value - 0;
	posX += move - 0;
	document.formUwEigenZ[id].value = posX;
	buildZPreview();
}

function setRotate(degrees) {
	var id = "";
	if (getStep() == 1)
		id = "zImageRotation";
	else
		id = "aImageRotation";

	var rotation = document.formUwEigenZ[id].value - 0;
	rotation += degrees - 0;
	document.formUwEigenZ[id].value = rotation;
	buildZPreview();
}

function setZoom(lvl) {
	var id = "";
	if (getStep() == 1)
		id = "zImageZoom";
	else
		id = "aImageZoom";

	var zoom = document.formUwEigenZ[id].value - 0;
	zoom += lvl - 0;
	document.formUwEigenZ[id].value = zoom;
	buildZPreview();
}


function setZUpload() {

	new AjaxUpload("zToolkitUploadZBttn", {
		action: "/modules/lzz_uweigenz/plugins/uploadimg.php",
		name: "uploadZ",
		responseType: "text/html",
		onSubmit : function(file , ext){
			// Alleen afbeeldingen toestaan. OOK SERVER SIDE CHECKEN!!!
			if (!ext)
			{
				// Het uploaden is mislukt
				document.getElementById("zToolkitUploadZMSG").innerHTML = '<span style="color: #FF0000;">Het uploaden is mislukt. Waarschijnlijk probeert u een te grote (groter dan 4 MB) te uploaden.</span>';
				// Annuleer de upload.
				return false;
			}
			else if (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))
			{
				// Andere data
				this.setData({
					'zToolkitUploadZImage': 'true'
				});
				document.getElementById("zToolkitUploadZMSG").innerHTML = '<img src="img/laatzeelandzien/uweigenz/loading.gif"> Bezig met uploaden.';
			}
			else
			{					
				// Het is geen afbeelding!!
				document.getElementById("zToolkitUploadZMSG").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("zToolkitUploadZImage").value = "";
				document.getElementById("zToolkitUploadZMSG").innerHTML = '<span style="color: #FF0000;">Upload mislukt ' + response.replace("FAIL", "") + '</span>';
			} else {
				// Verwerken gelukt!
				var uploadedFile = response;
				document.getElementById("zToolkitUploadZImage").value = uploadedFile;
				document.getElementById("zToolkitUploadZMSG").innerHTML = "";
				clearZ();
				buildZPreview();
			}
		}		
	});
}

function setAUpload() {

	new AjaxUpload("aToolkitUploadZBttn", {
		action: "/modules/lzz_uweigenz/plugins/uploadimg.php",
		name: "uploadA",
		responseType: "text/html",
		onSubmit : function(file , ext)
		{
			// Alleen afbeeldingen toestaan. OOK SERVER SIDE CHECKEN!!!
			if (!ext)
			{
				// Het uploaden is mislukt
				document.getElementById("zToolkitUploadZMSG").innerHTML = '<span style="color: #FF0000;">Het uploaden is mislukt. Waarschijnlijk probeert u een te grote (groter dan 4 MB) te uploaden.</span>';
				// Annuleer de upload.
				return false;
			}
			else if (ext && /^(jpg|png|jpeg|gif)$/i.test(ext))
			{
				// Andere data
				this.setData({
					'aToolkitUploadZImage': 'true'
				});
				document.getElementById("aToolkitUploadZMSG").innerHTML = '<img src="img/laatzeelandzien/uweigenz/loading.gif"> Bezig met uploaden.';
			} 
			else 
			{					
				// Het is geen afbeelding!!
				document.getElementById("aToolkitUploadZMSG").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("aToolkitUploadZImage").value = "";
				document.getElementById("aToolkitUploadZMSG").innerHTML = '<span style="color: #FF0000;">Upload mislukt ' + response.replace("FAIL", "") + '</span>';
			} else {
				// Verwerken gelukt!
				var uploadedFile = response;
				document.getElementById("aToolkitUploadZImage").value = uploadedFile;
				document.getElementById("aToolkitUploadZMSG").innerHTML = "";
				clearApastrophe();
				buildZPreview();
			}
		}		
	});
}

function clearZ() {
	document.formUwEigenZ["zImagePosY"].value = "0";
	document.formUwEigenZ["zImagePosX"].value = "0";
	document.formUwEigenZ["zImageZoom"].value = "0";
	document.formUwEigenZ["zImageRotation"].value = "0";
}

function clearApastrophe() {
	document.formUwEigenZ["aImagePosY"].value = "0";
	document.formUwEigenZ["aImagePosX"].value = "0";
	document.formUwEigenZ["aImageZoom"].value = "0";
	document.formUwEigenZ["aImageRotation"].value = "0";
}

function printZ(file) {
	
	if (!file)
		window.open(printURL + imageURL + "&print=true");
	else
		window.open(file);
}

function saveZ() {
	if (document.formUwEigenZ["name"].value == "") {
		document.getElementById("saveZmsg").innerHTML = "Geef uw Z een naam";
	} else {
		document.formUwEigenZ["actionZ"].value = "save";
		document.formUwEigenZ.submit();
	}
}

function tempSave()
{
	document.formUwEigenZ["actionZ"].value = "tempsave";
	document.formUwEigenZ.submit();
}