/**
 * CMS Javascript Functions
 * @author Gen25
 * @version 0.8.1
 * @copyright Copyright Gen25 2010
 */

var debug = true;

// Menu
$(document).ready(function(){
	$('li', '.cms_toolbar').hover(
		function() { 
			$(this).not('.menu_separator').addClass('active');
			$('ul', this).fadeIn('fast', function() {
				$(this).css('opacity', 0.8);
			});
		},
		function() { 
		  	$(this).removeClass('active');
			$('ul', this).fadeOut('fast');
		}
	);
});

$(document).keyup(function(e) {
	if (e.keyCode == 27  && $("#cms_edit").is(":visible")) {
		hideEditArea(true);
	}
});

function loadSection(sectionid, lang) {
	showLoading();
	$.ajax({
		url: "ajax/getSection.php?sectionid=" + sectionid + "&lang=" + lang,
		success: function(data) {
			$("#section_" + sectionid).html(data);
			hideLoading();
		}
	});
}

function editCms() {
	showLoading();
	showEditArea();
	$.ajax({
		url: "ajax/processCms.php?action=edit",
		success: function(data) {
		$("#cms_edittitle").html("Websiteinstellingen bewerken");
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function updateCms(form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (!checkCmsUpdate()) {
		showMessage("Kan niet opgeslagen worden", "info");
		return false;
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processCms.php?action=update",
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
			location.reload(true);
		}
	});
}

function checkCmsUpdate() {
	var url = document.getElementById("url").value;
	if ((url.substr(0, 7) != "http://" && url.substr(0, 8) != "https://") || url.substr(url.length-1, 1) != "/") {
		alert("De url van de website moet met http:// of https:// beginnen en met een / eindigen.");
		return false;
	}
	return true;
}

function selectPage(id, lang) {
	document.location = "index.php?pid=" + id + "&lang=" + lang;
}

function newPage() {
	showLoading();
	showEditArea();
	$.ajax({
		url: "ajax/processPage.php?action=new",
		success: function(data) {
			$("#cms_edittitle").html("Nieuwe pagina");
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function newPageInNewLang(id, lang) {
	showLoading();
	$.ajax({
		url: "ajax/processPage.php?action=insertNewLang&id=" + id + "&lang=" + lang,
		success: function(data) {
			if (data == 1) {
				showMessage("Pagina aangemaakt in nieuwe taal", "check");
			} else {
				showMessage("Fout bij aanmaken van pagina in nieuwe taal", "error");
				handleError(data);
			}
			hideLoading();
			location.reload(true);
		}
	});
}

function editPage(id, lang) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Pagina bewerken");
	$.ajax({
		url: "ajax/processPage.php?action=edit&id=" + id + "&lang=" + lang,
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function insertPage(form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (!checkPageInsert()) {
		showMessage("Kan niet opgeslagen worden", "info");
		return false;
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processPage.php?action=insert",
		data: postVars,
		success: function(data) {
			/*
			Krijgt hier een id terug.
			Moet dus eigenlijk even checken of het numeriek is.
			
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			*/
			hideEditArea(false);
			hideLoading();
			location.reload(true);
		}
	});
}

function checkPageInsert() {
	return true;
}

function updatePage(id, lang, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (!checkPageUpdate()) {
		showMessage("Kan niet opgeslagen worden", "info");
		return false;
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processPage.php?action=update&id=" + id + "&lang=" + lang,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
			location.reload(true);
		}
	});
}

function checkPageUpdate() {
	$.ajax({
		async: false,
		url: "ajax/processPage.php?action=checkExists&url=" + document.getElementById("url").value,
		success: function(data) {
			if (data == '1') {
				$("#url").addClass("cms_error");
				alert("Deze korte url wordt al gebruikt. Kies een andere korte url.");
				return false;
			} else {
				return true;
			}
		}
	});
	
	return true;
}

function editSetting(module) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Instellingen bewerken");
	$.ajax({
		url: "ajax/processSetting.php?action=edit&module=" + module,
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function updateSetting(module, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (eval("typeof check" + module + "SettingUpdate == 'function'")) {
		if (eval("!check" + module + "SettingUpdate()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processSetting.php?action=update&module=" + module,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
		}
	});
}

function newModule(module) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Nieuw element");
	$.ajax({
		url: "ajax/processModule.php?action=new&module=" + module,
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function editModule(module, id) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Element bewerken");
	$.ajax({
		url: "ajax/processModule.php?action=edit&module=" + module + "&id=" + id,
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function insertModule(module, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (eval("typeof check" + module + "Insert == 'function'")) {
		if (eval("!check" + module + "Insert()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModule.php?action=insert&module=" + module,
		data: postVars,
		success: function(data) {
			/*
			Krijgt hier een id terug.
			Moet dus eigenlijk even checken of het numeriek is.
			
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			*/
			hideEditArea(false);
			hideLoading();
		}
	});
}

function draftModule(module, id, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (eval("typeof check" + module + "Draft == 'function'")) {
		if (eval("!check" + module + "Draft()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModule.php?action=draft&module=" + module + "&id=" + id,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
		}
	});
}

function updateModule(module, id, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	if (eval("typeof check" + module + "Update == 'function'")) {
		if (eval("!check" + module + "Update()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModule.php?action=update&module=" + module + "&id=" + id,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
		}
	});
}

function newModuleLink(sectionid, lang, selectedmodule, selectedmoduleid) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Nieuw element");
	$.ajax({
		url: "ajax/processModuleLink.php?action=new&sectionid=" + sectionid + "&lang=" + lang + "&selectedmodule=" + selectedmodule + "&selectedmoduleid=" + selectedmoduleid,
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function editModuleLink(id, lang, selectedmodule, selectedmoduleid, getVars) {
	showLoading();
	showEditArea();
	$("#cms_edittitle").html("Element bewerken");
	$.ajax({
		url: "ajax/processModuleLink.php?action=edit&id=" + id + "&lang=" + lang + "&selectedmodule=" + selectedmodule + "&selectedmoduleid=" + selectedmoduleid + "&" + unescape(getVars),
		success: function(data) {
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function insertModuleLink(sectionid, lang, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	module = form.elements['modulename'].value;
	if (eval("typeof check" + module + "Insert == 'function'")) {
		if (eval("!check" + module + "Insert()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModuleLink.php?action=insert&sectionid=" + sectionid + "&lang=" + lang,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
			loadSection(sectionid, lang);
		}
	});
}

function updateModuleLink(id, lang, sectionid, form, getVars) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	module = form.elements['modulename'].value;
	if (eval("typeof check" + module + "Update == 'function'")) {
		if (eval("!check" + module + "Update()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModuleLink.php?action=update&id=" + id + "&lang=" + lang + "&" + unescape(getVars),
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
			loadSection(sectionid, lang);
		}
	});
}

function draftModuleLink(id, lang, sectionid, form, getVars) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	module = form.elements['modulename'].value;
	if (eval("typeof check" + module + "Draft == 'function'")) {
		if (eval("!check" + module + "Draft()")) {
			showMessage("Kan niet opgeslagen worden", "info");
			return false;
		}
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModuleLink.php?action=draft&id=" + id + "&lang=" + lang + "&" + unescape(getVars),
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
			loadSection(sectionid, lang);
		}
	});
}

function deleteModuleLink(id, lang, sectionid, getVars) {
	var r = confirm("Weet u zeker dat u dit item wilt verwijderen?");
	if (r == true) {
		showLoading();
		$.ajax({
			type: "POST",
			url: "ajax/processModuleLink.php?action=delete&id=" + id + "&lang=" + lang + "&" + unescape(getVars),
			success: function(data) {
				if (data == 1) {
					showMessage("Verwijderd", "check");
				} else {
					showMessage("Fout bij verwijderen", "error");
					handleError(data);
				}
				hideEditArea(false);
				hideLoading();
				loadSection(sectionid, lang);
			}
		});
	}
}

function moveModuleLink(id, lang, sectionid, direction) {
	showLoading();
	$.ajax({
		type: "POST",
		url: "ajax/processModuleLink.php?action=move&id=" + id + "&lang=" + lang + "&direction=" + direction,
		success: function(data) {
			if (data == 1) {
				showMessage("Verplaatst", "check");
			} else {
				showMessage("Fout bij verplaatsen", "error");
				handleError(data);
			}
			hideLoading();
			loadSection(sectionid, lang);
		}
	});
}

function editModuleSettings(module) {
	showLoading();
	showEditArea();
	$.ajax({
		url: "ajax/processModule.php?action=editSettings&module=" + module,
		success: function(data) {
			$("#cms_edittitle").html("Module-instellingen bewerken");
			$("#cms_edit").html(data);
			hideLoading();
		}
	});
}

function updateModuleSettings(module, form) {
	if (!checkFormValues(form)) {
		showMessage("Niet alle velden zijn correct ingevuld", "info");
		return false;
	}
	showLoading();
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/processModule.php?action=updateSettings&module=" + module,
		data: postVars,
		success: function(data) {
			if (data == 1) {
				showMessage("Opgeslagen", "check");
			} else {
				showMessage("Fout bij opslaan", "error");
				handleError(data);
			}
			hideEditArea(false);
			hideLoading();
		}
	});
}

var editToolsTimer;
function showEditTools(id) {
	clearTimeout(editToolsTimer);
	$(".cms_edittools").css('display', 'none');
	document.getElementById("edittools_" + id).style.display = "block";
	//document.getElementById("modulelink_" + id).style.backgroundColor = "#f0f0f0";
}

function hideEditTools(id) {
	objectName = "edittools_" + id;
	//document.getElementById("modulelink_" + id).style.backgroundColor = "";
	document.getElementById("edittools_" + id).style.display = "block";
	editToolsTimer = setTimeout('document.getElementById(objectName).style.display = "none"', 2000);
}

function showEditArea() {
	$("#cms_editwrapper").fadeIn('fast', function() {
		$("#cms_editwrapper").css('opacity', 0.7);
	});
	$("#cms_edittitle").fadeIn('fast');
	$("#cms_editclose").fadeIn('fast');
	$("#cms_edit").fadeIn('fast');
	
	$("#cms_editwrapper").height($(window).height()-90);
	$("#cms_edit").height($(window).height()-160);
}

function hideEditArea(showConfirm) {
	if (showConfirm == true) {
		var close = confirm("Weet u zeker dat u dit scherm wilt afsluiten? Wijzigingen worden dan niet opgeslagen.")
	}
	if (showConfirm == false || close == true) {
		document.getElementById("cms_edit").innerHTML = "";
		
		$("#cms_editwrapper").fadeOut('fast');
		$("#cms_edittitle").fadeOut('fast');
		$("#cms_editclose").fadeOut('fast');
		$("#cms_edit").fadeOut('fast');
	}
}

function showMessage(message, type) {
	if (type == "info") {
		message = "<p style=\"margin:0px; padding:0px; color:#fff;\"><img src=\"img/icons/information.png\" alt=\"Info\" /> " + message + "</p>";
	} else if (type == "check") {
		message = "<p style=\"margin:0px; padding:0px; color:#fff;\"><img src=\"img/icons/accept.png\" alt=\"Check\" /> " + message + "</p>";
	} else if (type == "error") {
		message = "<p style=\"margin:0px; padding:0px; color:#fff;\"><img src=\"img/icons/error.png\" alt=\"Warning\" /> " + message + "</p>";
	}
	
	document.getElementById("cms_message").innerHTML = message;
	$("#cms_message").fadeIn("fast", function() {
		$("#cms_message").css('opacity', 0.8);
	});
	setTimeout("hideMessage();", 3000);
}

function hideMessage() {
	$("#cms_message").fadeOut("slow", function() {
			$("#cms_message").innerHTML = "";
		}
	);
}

function showLoading() {
	document.getElementById("cms_loading").innerHTML = "<img src=\"img/ajax-loader.gif\" alt=\"Loading...\" />";
	$("#cms_loading").show();
}

function hideLoading() {
	document.getElementById("cms_loading").innerHTML = "";
	$("#cms_loading").hide();
}

function handleError(message) {
	if (debug == true) {
		alert(message);
		
	} else {
		showLoading();
		$.ajax({
			type: "POST",
			url: "ajax/sendErrorReport.php",
			data: "message=" + encodeURIComponent(message),
			success: function(data) {
				hideLoading();
				alert("Helaas is er een onbekende fout opgetreden. Er is een technisch rapport van de fout gestuurd naar Gen25 en zij zullen hier zo snel mogelijk naar kijken. Voor aanvullende invormatie of vragen kunt u mailen met info@gen25.com");
				location.reload(true);
			}
		});
	}
}

function makePostString(form) {
	postVars = "";
	for (var i = 0; i < form.elements.length; i++) {
		if (form.elements[i].className == "editor") {
			var editor = tinyMCE.getInstanceById(form.elements[i].id);
			value = editor.getContent();
		} else {
			value = form.elements[i].value;
		}
		
		// Add to varstring if checked
		if (form.elements[i].type == "radio") {
			if (form.elements[i].checked == true) {
				postVars += form.elements[i].name + "=" + encodeURIComponent(value) + "&";
			}
		} else if (form.elements[i].type == "checkbox") {
			if (form.elements[i].checked == true) {
				postVars += form.elements[i].name + "=" + encodeURIComponent(value) + "&";
			} else {
				postVars += form.elements[i].name + "=&";
			}
		} else {
			postVars += form.elements[i].name + "=" + encodeURIComponent(value) + "&";
		}
	}
	
	return postVars;
}

function checkFormValues(form) {
	var ok = true
	for (var i = 0; i < form.elements.length; i++) {
		if ($(form.elements[i]).hasClass("cms_required_value") && form.elements[i].value == "") {
			$(form.elements[i]).addClass("cms_error");
			$(form.elements[i]).focus(function() {
				$(this).removeClass("cms_error");
			});
			ok = false;
		} else if ($(form.elements[i]).hasClass("cms_required_number") && !isNumeric(form.elements[i].value)) {
			$(form.elements[i]).addClass("cms_error");
			$(form.elements[i]).focus(function() {
				$(this).removeClass("cms_error");
			});
			ok = false;
		} else if ($(form.elements[i]).hasClass("cms_required_email") && isEmail(form.elements[i].value)) {
			$(form.elements[i]).addClass("cms_error");
			$(form.elements[i]).focus(function() {
				$(this).removeClass("cms_error");
			});
			ok = false;
		} else if ($(form.elements[i]).hasClass("cms_required_checked") && form.elements[i].checked == false) {
			$(form.elements[i]).addClass("cms_error");
			$(form.elements[i]).focus(function() {
				$(this).removeClass("cms_error");
			});
			ok = false;
		}
	}
	
	return ok;
}