function newContent(category) {
	var i = document.getElementById("totalContents").value;
	var contentTbody = document.getElementById("cmsModDivTbody");
	var contentTr1 = document.createElement('tr');
	contentTbody.appendChild(contentTr1);
		var contentTr1Td1 = document.createElement('td');
		contentTr1.appendChild(contentTr1Td1);
		contentTr1Td1.colSpan = 6;
			var contentTr1Td1Dot = document.createElement('div');
			contentTr1Td1Dot.className = "dottedLine3";
			contentTr1Td1.appendChild(contentTr1Td1Dot);
	var contentTr2 = document.createElement('tr');
	contentTbody.appendChild(contentTr2);
		var contentTr2Td1 = document.createElement('td');
		contentTr2Td1.className = "cmsModDivTbody";
		contentTr2.appendChild(contentTr2Td1);
			var contentTr2Td1Text = document.createTextNode('Verwijderen?:');
			contentTr2Td1.appendChild(contentTr2Td1Text);
		var contentTr2Td2 = document.createElement('td');
		contentTr2.appendChild(contentTr2Td2);
		contentTr2Td2.colSpan = 5;
			var delinput = document.createElement('input');
			delinput.id = category+"Content"+i+"Delete_";
			delinput.type = "hidden";
			delinput.value = "0";
			delinput.name = "data["+category+"Content]["+i+"][delete]";
			contentTr2Td2.appendChild(delinput);	
			var del = document.createElement('input');
			del.id = category+"Content"+i+"Delete";
			del.type = "checkbox";
			del.value = "1";
			del.name = "data["+category+"Content]["+i+"][delete]";
			if(del.attachEvent){
				del.attachEvent("onclick", deleteChecked);
			} else {
				del.addEventListener("click", deleteChecked, true);
			}
			contentTr2Td2.appendChild(del);
	var contentTr3 = document.createElement('tr');
	contentTbody.appendChild(contentTr3);
		var contentTr3Td1 = document.createElement('td');
		contentTr3Td1.className = "cmsModDivTbody";
		contentTr3.appendChild(contentTr3Td1);
			var contentTr3Td1Text = document.createTextNode('Titel:');
			contentTr3Td1.appendChild(contentTr3Td1Text);
		var contentTr3Td2 = document.createElement('td');
		contentTr3Td2.colSpan = 5;
		contentTr3.appendChild(contentTr3Td2);
			var Title = document.createElement('input');
			Title.id = category+"Content"+i+"Title";
			Title.type = "text";
			Title.maxLength = 128;
			Title.name = "data["+category+"Content]["+i+"][title]";
			contentTr3Td2.appendChild(Title);
	var contentTr4 = document.createElement('tr');
	contentTbody.appendChild(contentTr4);
		var contentTr4Td1 = document.createElement('td');
		contentTr4Td1.className = "cmsModDivTbody";
		contentTr4.appendChild(contentTr4Td1);
			var contentTr4Td1Text = document.createTextNode('Beschrijving:');
			contentTr4Td1.appendChild(contentTr4Td1Text);
		var contentTr4Td2 = document.createElement('td');
		contentTr4Td2.colSpan = 5;
		contentTr4.appendChild(contentTr4Td2);	
			var ContentBox = document.createElement('textarea');
			ContentBox.id = category+"Content"+i;
			ContentBox.name = "data["+category+"Content]["+i+"][content]";
			contentTr4Td2.appendChild(ContentBox);
			
	var oFCKeditor = new FCKeditor(category+"Content"+i) ;
	oFCKeditor.BasePath = '/js/fckeditor/';
	oFCKeditor.ToolbarSet = 'Basic';
	oFCKeditor.BodyId = category+"Content"+i;
	oFCKeditor.ReplaceTextarea();
	i++;
	document.getElementById("totalContents").value = i;
}

function test(e){
	if (!e) e = window.event;
	if (e.target) tar = e.target;
	else if (e.srcElement) tar = e.srcElement;
	if (tar.nodeType == 3)
		tar = tar.parentNode;

	var counter = tar.id.substr(16,tar.id.length-22);
	
}

function deleteChecked(e, category){
	if (!e) e = window.event;
	if (e.target) tar = e.target;
	if (e.srcElement) tar = e.srcElement;
	else if (!e.target && !e.srcElement) tar = e;
	if (tar.nodeType == 3)
		tar = tar.parentNode;
		
	if(category == "Themepark"){
		var counter = tar.id.substr(16,tar.id.length-22);
	} else if(category = "Ride"){
		var counter = tar.id.substr(11,tar.id.length-17);
	}
	var input = document.getElementById(category+"Content"+counter+"Title");
	var oEditor = FCKeditorAPI.GetInstance(category+'Content'+counter);
	if(tar.checked == true){
		input.disabled = true;
		input.style.background="#EBEBE4";
		oEditor.EditorDocument.body.style.color="#ACA898";
		oEditor.EditorDocument.body.style.background="#EBEBE4";
	}
	else{
		input.disabled = false;
		input.style.background="white";
		oEditor.EditorDocument.body.style.color="black";
		oEditor.EditorDocument.body.style.background="white";
	}
}

function FCKeditor_OnComplete( editorInstance )
{
	var name = editorInstance.Name;
	var id = name.slice(name.length-1, name.length);
	var themeparkCheckbox = document.getElementById("ThemeparkContent"+id+"Delete");
	if(themeparkCheckbox != null){
		if(themeparkCheckbox.checked == true){
			var input = document.getElementById("ThemeparkContent"+id+"Title");
			input.disabled = true;
			input.style.background="#EBEBE4";
			editorInstance.EditorDocument.body.style.color="#ACA898";
			editorInstance.EditorDocument.body.style.background="#EBEBE4";
		}
	}
	var rideCheckbox = document.getElementById("RideContent"+id+"Delete");
	if(rideCheckbox != null){
		if(rideCheckbox.checked == true){
			var input = document.getElementById("RideContent"+id+"Title");
			input.disabled = true;
			input.style.background="#EBEBE4";
			editorInstance.EditorDocument.body.style.color="#ACA898";
			editorInstance.EditorDocument.body.style.background="#EBEBE4";
		}
	}
}

function cmsNewCityClicked(e){
	var cmsAddSuccessfull = document.getElementById('cmsAddSuccessfull');
	if(cmsAddSuccessfull != null){
		cmsAddSuccessfull.parentNode.removeChild(cmsAddSuccessfull);
	}
	var cmsNewCityFormTable = document.getElementById('cmsNewCityFormTable');
	cmsNewCityFormTable.style.visibility = "visible";
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "none";
	var body = document.getElementsByTagName("body").item(0);
	var overlay = document.createElement('div');
	overlay.id = "cityOverlay";
	overlay.style.height = body.offsetHeight +"px";
	overlay.style.width = body.offsetWidth +"px";
	body.appendChild(overlay);
	var popupDiv = document.getElementById('cityForm');
	popupDiv.style.left = ((document.body.clientWidth / 2) - 150) +"px";
	popupDiv.style.top = "200px";
	popupDiv.style.display = "block";
}

function cmsNewCitySubmitClicked(){
	var formSelect = document.getElementById('ThemeparkProvinceId');
	var inputSelect = document.getElementById('CityProvinceId');
	
	formSelect.selectedIndex = inputSelect.selectedIndex;
	
	cmsNewCityCancelClicked();
}

function cmsNewCityProgress(){
	var loadingAjax = document.getElementById('loadingAjax');
	var cmsNewCityFormTable = document.getElementById('cmsNewCityFormTable');
	loadingAjax.style.display = "block";
	cmsNewCityFormTable.style.visibility = "hidden";
}

function cmsNewCityCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('cityForm');
	popupDiv.style.display = "none";
}

function cmsNewRideCategoryClicked(e){
	var cmsAddSuccessfull = document.getElementById('cmsAddSuccessfull');
	if(cmsAddSuccessfull != null){
		cmsAddSuccessfull.parentNode.removeChild(cmsAddSuccessfull);
	}
	var cmsNewRideCategoryFormTable = document.getElementById('newRideCategoryFormTable');
	cmsNewRideCategoryFormTable.style.visibility = "visible";
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "none";
	var body = document.getElementsByTagName("body").item(0);
	var overlay = document.createElement('div');
	overlay.id = "cityOverlay";
	overlay.style.height = body.offsetHeight +"px";
	overlay.style.width = body.offsetWidth +"px";
	body.appendChild(overlay);
	var popupDiv = document.getElementById('rideCategoryForm');
	popupDiv.style.left = ((document.body.clientWidth / 2) - 150) +"px";
	popupDiv.style.top = "200px";
	popupDiv.style.display = "block";
}

function cmsNewRideCategorySubmitClicked(){
	var formSelect = document.getElementById('RideCategoryId');
	var inputSelect = document.getElementById('RideCategoryName');
	
	formSelect.selectedIndex = inputSelect.selectedIndex;
	
	cmsNewRideCategoryCancelClicked();
}

function cmsNewRideCategoryProgress(){
	var loadingAjax = document.getElementById('loadingAjax');
	var cmsNewRideCategoryFormTable = document.getElementById('newRideCategoryFormTable');
	loadingAjax.style.display = "block";
	cmsNewRideCategoryFormTable.style.visibility = "hidden";
}

function cmsNewRideCategoryCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('rideCategoryForm');
	popupDiv.style.display = "none";
}

function cmsNewThemeCategoryClicked(e){
	var cmsAddSuccessfull = document.getElementById('cmsAddSuccessfull');
	if(cmsAddSuccessfull != null){
		cmsAddSuccessfull.parentNode.removeChild(cmsAddSuccessfull);
	}
	var cmsNewThemeCategoryFormTable = document.getElementById('newThemeCategoryFormTable');
	cmsNewThemeCategoryFormTable.style.visibility = "visible";
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "none";
	var body = document.getElementsByTagName("body").item(0);
	var overlay = document.createElement('div');
	overlay.id = "cityOverlay";
	overlay.style.height = body.offsetHeight +"px";
	overlay.style.width = body.offsetWidth +"px";
	body.appendChild(overlay);
	var popupDiv = document.getElementById('themeCategoryForm');
	popupDiv.style.left = ((document.body.clientWidth / 2) - 150) +"px";
	popupDiv.style.top = "200px";
	popupDiv.style.display = "block";
}

function cmsNewThemeCategorySubmitClicked(){
	var formSelect = document.getElementById('ThemeCategoryId');
	var inputSelect = document.getElementById('ThemeCategoryName');
	
	formSelect.selectedIndex = inputSelect.selectedIndex;
	
	cmsNewThemeCategoryCancelClicked();
}

function cmsNewThemeCategoryProgress(){
	var loadingAjax = document.getElementById('loadingAjax');
	var cmsNewThemeCategoryFormTable = document.getElementById('newThemeCategoryFormTable');
	loadingAjax.style.display = "block";
	cmsNewThemeCategoryFormTable.style.visibility = "hidden";
}

function cmsNewThemeCategoryCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('themeCategoryForm');
	popupDiv.style.display = "none";
}





function cmsRidePhotoEditClicked(e){
	var cmsAddSuccessfull = document.getElementById('cmsAddSuccessfull');
	if(cmsAddSuccessfull != null){
		cmsAddSuccessfull.parentNode.removeChild(cmsAddSuccessfull);
	}
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "block";
	var body = document.getElementsByTagName("body").item(0);
	var overlay = document.createElement('div');
	overlay.id = "cityOverlay";
	overlay.style.height = body.offsetHeight +"px";
	overlay.style.width = body.offsetWidth +"px";
	body.appendChild(overlay);
	var popupDiv = document.getElementById('cmsPhotoForm');
	popupDiv.style.left = ((document.body.clientWidth / 2) - 150) +"px";
	popupDiv.style.top = "200px";
	popupDiv.style.display = "block";
}

function cmsRidePhotoEditProgress(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "block";
}

function cmsRidePhotoEditCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('cmsPhotoForm');
	popupDiv.style.display = "none";
	var rideFormTable = document.getElementById('rideFormTable');
	rideFormTable.style.visibility = "hidden";
}



function cmsRideVideoEditClicked(e){
	var cmsAddSuccessfull = document.getElementById('cmsAddSuccessfull');
	if(cmsAddSuccessfull != null){
		cmsAddSuccessfull.parentNode.removeChild(cmsAddSuccessfull);
	}
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "block";
	var body = document.getElementsByTagName("body").item(0);
	var overlay = document.createElement('div');
	overlay.id = "cityOverlay";
	overlay.style.height = body.offsetHeight +"px";
	overlay.style.width = body.offsetWidth +"px";
	body.appendChild(overlay);
	var popupDiv = document.getElementById('cmsVideoForm');
	popupDiv.style.left = ((document.body.clientWidth / 2) - 150) +"px";
	popupDiv.style.top = "0px";
	popupDiv.style.display = "block";
}

function cmsRideVideoEditProgress(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var loadingAjax = document.getElementById('loadingAjax');
	loadingAjax.style.display = "block";
}

function cmsRideVideoEditCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('cmsVideoForm');
	popupDiv.style.display = "none";
	var rideFormTable = document.getElementById('rideFormTable');
	rideFormTable.style.visibility = "hidden";
}

function addWeekDayRow(event){
	var target = jQuery(event.target);
	var laatsteTR = target.parent().parent();
	var hiddenRowCounter = laatsteTR.find(".rowCounter").find("input");
	var hiddenTableCounter = laatsteTR.find(".tableCounter").find("input");	
	var tableBody = target.parent().parent().parent();
	
	tableBody.append("<tr>" +
						"<td>Periode <span style='font-size:9px;'>(bijv. ma-woe)</span>:</td>" +
						"<td><input id='OpenPeriods"+hiddenTableCounter.val()+""+hiddenRowCounter.val()+"Weekday' type='text' maxlength='128' name='data[OpenPeriods]["+hiddenTableCounter.val()+"]["+hiddenRowCounter.val()+"][weekday]' /></td>" +
						"<td>Tijd van:</td>" +
						"<td><input id='OpenPeriods"+hiddenTableCounter.val()+""+hiddenRowCounter.val()+"FromTime' class='tijdInput' type='text' maxlength='128' name='data[OpenPeriods]["+hiddenTableCounter.val()+"]["+hiddenRowCounter.val()+"][from_time]' /></td>" +
						"<td>Tijd tot:</td>" +
						"<td><input id='OpenPeriods"+hiddenTableCounter.val()+""+hiddenRowCounter.val()+"TillTime' class='tijdInput' type='text' maxlength='128' name='data[OpenPeriods]["+hiddenTableCounter.val()+"]["+hiddenRowCounter.val()+"][till_time]' /></td>" +
					"</tr>");
	hiddenRowCounter.attr('value', parseInt(hiddenRowCounter.val()) + 1);
	tableBody.append(laatsteTR);
}

function addPeriod(event){
	var target = jQuery(event.target);
	var counter = jQuery("#ThemeparksTables");
	
	var table = jQuery("<table class='openPeriodsTable'>" +
							"<tbody>" +
								"<tr>" +
									"<td>Datum van <span style='font-size:9px;'>(dd-mm-yyyy)</span>:</td>" +
									"<td><input id='OpenPeriods"+counter.val()+"FromDate' type='text' maxlength='128' name='data[OpenPeriods]["+counter.val()+"][from_date]' /></td>" +
									"<td>Datum tot <span style='font-size:9px;'>(dd-mm-yyyy)</span>:</td>" +
									"<td><input id='OpenPeriods"+counter.val()+"TillDate' type='text' maxlength='128' name='data[OpenPeriods]["+counter.val()+"][till_date]' /></td>" +
									"<td>Delete:</td>" +
									"<td>" +
										"<input id='OpenPeriods"+counter.val()+"Delete_' type='hidden' value='0' name='data[OpenPeriods]["+counter.val()+"][delete]' />" +
										"<input id='OpenPeriods"+counter.val()+"Delete' type='checkbox' value='1' name='data[OpenPeriods]["+counter.val()+"][delete]' />" +
									"</td>" +
								"</tr>" +
								"<tr>" +
									"<td>Periode <span style='font-size:9px;'>(bijv. ma-woe)</span>:</td>" +
									"<td><input id='OpenPeriods"+counter.val()+"0Weekday' type='text' maxlength='128' name='data[OpenPeriods]["+counter.val()+"][0][weekday]' /></td>" +
									"<td>Tijd van <span style='font-size:9px;'>(hh:mm)</span>:</td>" +
									"<td><input id='OpenPeriods"+counter.val()+"0FromTime' class='tijdInput' type='text' maxlength='128' name='data[OpenPeriods]["+counter.val()+"][0][from_time]' /></td>" +
									"<td>Tijd tot <span style='font-size:9px;'>(hh:mm)</span>:</td>" +
									"<td><input id='OpenPeriods"+counter.val()+"0TillTime' class='tijdInput' type='text' maxlength='128' name='data[OpenPeriods]["+counter.val()+"][0][till_time]' /></td>" +
								"</tr>" +
								"<tr>" +
									"<td style='text-align: right;' colspan='6'>" +
										"<div class='rowCounter'>" +
											"<input id='OpenPeriods"+counter.val()+"RowCounter' type='hidden' value='1' name='data[OpenPeriods]["+counter.val()+"RowCounter]' />" +
										"</div>" +
										"<div class='tableCounter'>" +
											"<input id='OpenPeriods"+counter.val()+"counter' type='hidden' value='"+counter.val()+"' name='data[OpenPeriods]["+counter.val()+"counter]' />" +
										"</div>" +
										"<input type='button' onclick='addWeekDayRow(event)' value='Extra tijdindicatie toevoegen' />" +
									"</td>" +
								"</tr>" +
							"</tbody>" +
						"</table>");
	
	jQuery("#ThemeparksTables").attr("value", parseInt(counter.val())+1);
	
	target.parent().append(table);
	target.parent().append(jQuery("<div class='dottedLine3'></div>"));
	target.parent().append(jQuery('#ThemeparksTables'));
	target.parent().append(jQuery('#extraPeriodeToevoegen'));
	target.parent().append(jQuery('#openingstijdenSubmit'));
}

function cmsThemeparkPhotoEditCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('cmsPhotoForm');
	popupDiv.style.display = "none";
	var themeparkFormTable = document.getElementById('themeparkFormTable');
	themeparkFormTable.style.visibility = "hidden";
}

function cmsThemeparkVideoEditCancelClicked(){
	var body = document.getElementsByTagName("body").item(0);
	var cityOverlay = document.getElementById('cityOverlay');
	body.removeChild(cityOverlay);
	var popupDiv = document.getElementById('cmsVideoForm');
	popupDiv.style.display = "none";
	var themeparkFormTable = document.getElementById('themeparkFormTable');
	themeparkFormTable.style.visibility = "hidden";
}

function checkLeadingZeros(){
	jQuery(".tijdInput").each(function(){
		var splitString = jQuery(this).val().split(":");
		if(splitString[0].length == 1){
			splitString[0] = "0"+splitString[0];
			fullString = splitString.join(":");
			jQuery(this).val(fullString);
		}
	});
}