$(document).ready(function () {
		$('.inputs').keydown(function (e) {
			if (e.which === 13) {
				e.preventDefault();
			}
		});
		$('#city_suggest').keydown(function (e) {
			if (e.which === 13) {
				e.preventDefault();
				var firstval = $('#city_suggest_results > #city_suggest_results_1').text();
				$('#city_suggest').val(firstval);
			}
		});
		$('body').on('click', '.city_a', function() {
			var firstval = $(this).text();
			$('#city_suggest').val(firstval);
		});
		$('#city_suggest').on('focus', function () {
			$('#city_suggest_results').show( "slow", function() {
			});
		});
		$('#bedrijfsnaam').on('focus', function () {
			$('#city_suggest_results').hide( "slow", function() {
			});
		});
		$('#emailadres').on('focus', function () {
			$('#city_suggest_results').hide( "slow", function() {
			});
		});
		/*agendaanmelding*/
		$('#begindag').on('change', function() {
			$("#einddag").val(this.value);
			$("#einddag").css('backgroundColor', '#9f1201').animate({
						backgroundColor: "#4E82B2" 
					}, 1500);
		});
		$('#beginmaand').on('change', function() {
			$("#eindmaand").val(this.value);
			$("#eindmaand").css('backgroundColor', '#9f1201').animate({
						backgroundColor: "#4E82B2" 
					}, 1500);
		});
		$('#beginjaar').on('change', function() {
			$("#eindjaar").val(this.value);
			$("#eindjaar").css('backgroundColor', '#9f1201').animate({
						backgroundColor: "#4E82B2" 
					}, 1500);
		});
		
		$("#addlink").submit(function(e) {
			e.preventDefault(); 
			$("#verwerkbutton").val('Wordt verwerkt...');			
			
			var form = $(this);
			var url = form.attr('action');
			
			$.ajax({
				   type: "POST",
				   url: url,
				   data: {mm:form.serialize()},
				   success: function(data)
				   {
					   $('#aanmeldform-inside').hide().html(data).fadeIn('slow');
				   }
				 });
		});
		$( '#addagenda' ).submit( function( e ) {
			e.preventDefault(); 
			$("#verwerkbutton").val('Wordt verwerkt...');
			
			var mydata = new FormData( this );
		  $.ajax( {
			url: '/aanmelden_agenda_verwerking.php',
			type: 'POST',
			data: mydata,
			processData: false,
			contentType: false,
			success: function(data)
				   {
					   $('#aanmeldform-inside').hide().html(data).fadeIn('slow');
				   }
		  } );

		} );		
				
		$("#form-mening-plaats").submit(function(e)  {
			e.preventDefault(); 
			if ( ( $( '#mening' ).val().length > 0 ) && ( $( '#meningnaam' ).val().length > 0 ) ) {
				$("#sendopinion").val('Wordt verstuurd...');
				var form = $(this);
				$.ajax({
					   type: "POST",
					   url: "/form_verwerk_mening.php",
					   data: {nn:form.serialize(),h:'Xp1r714Ve21IA21hl89'}, 
					   success: function(data) {
						   $('#form-mening-plaats_cont').hide().html(data).fadeIn('slow');
					   }
					 });
			}
		});
		
		$("#resform").submit(function(e)  {
			e.preventDefault(); 
			if ( isEmail($( '#resmail' ).val()) && ( $( '#resnaam' ).val().length > 0 ) ) {
				$("#ressubmit").val('Wordt verwerkt...');
				var form = $(this);
				$.ajax({
					   type: "POST",
					   url: "/reservering",
					   data: {res:form.serialize(),h:'Xp1r714Ve21IA21hl89'}, 
					   success: function(data) {
						   $('#resform').hide().html(data).fadeIn('slow');
					   }
					 });
			}
		});
		
		$('body').on('click', '#sendmail', function(e) {
			e.preventDefault(); 
			if ( isEmail($( '#meningmail' ).val())) {
				var form = ($( '#form-mening-plaats-mail' ));
				$.ajax({
					   type: "POST",
					   url: "/form_verwerk_mening.php",
					   data: {oo:form.serialize(),h:'Xp1r714Ve21IA21hl89'}, 
					   success: function(data) {
						   $('#form-mening-plaats_cont').hide().html(data).fadeIn('slow');
					   }
					 });
			} 
		});
		
		
		/*foto bedrijf*/
		$("#addfotobedrijfbezoeker").submit(function (e) {
			e.preventDefault(); 
			$("#verwerkbutton").val('aan het verzenden...');
			//var form = ($( '#addfotobedrijf' ));
			var mydata = new FormData( this );
			$.ajax( {
			  url: '/foto-insturen',
			  enctype: 'multipart/form-data',
			  type: 'POST',
			  data: mydata,
			  processData: false,
			  contentType: false,
			  success: function(data)
					 {
						 $('#addfotobedrijfbezoeker').hide().html(data).fadeIn('slow');
					 }
			} );
		});
		$("#upfile1").click(function (e) {
			e.preventDefault(); 
			$("#file1").trigger('click');
		});
		$('#file1').on('change', function () {
			var elem = document.getElementById("file1");
			var names = [];
			for (var i = 0; i < elem.files.length; ++i) {
			   names.push(elem.files[i].name);
			}
			var str = names.toString();
			var res = str.split(",").join(",<br>"); 
			$("#upfile1").html(res);
			if (elem.files.length>0) {
				$("#verwerkbutton").prop('disabled', false);
				$("#verwerkbutton").addClass('enablecolor');
			}
			if (elem.files.length>1) {
				$("#verwerkbutton").val('foto\'s insturen');
			} else {
				$("#verwerkbutton").val('foto insturen');
			}
		});
	
				  
		/*mening bedrijf*/
		$("#meningtext").on('focus', function () {
			$('#meningtext').animate({height:100},500);
			$('#meningtext').attr("placeholder", "Wees eerlijk en beleefd!");
		});
		$("#meningtext").on('focusout', function () {
			$('#meningtext').animate({height:70},500);
			$('#meningtext').attr("placeholder", "Deel je mening!");
		});
		
		$("#addmening").submit(function(e)  {
			e.preventDefault(); 
			
			if ( ( $( '#meningtext' ).val().length > 0 ) ) {
				$("#zendmening").val('Wordt verstuurd..');
				var form = $(this);
				$.ajax({
					   type: "POST",
					   url: "/form_verwerk_mening.php",
					   data: {pp:form.serialize(),h:'Xp1r714Ve21IA21hl89'},
					   success: function(data) {
						   $('#mening-form').hide().html(data).fadeIn('slow');
					   }
					 });
			}
		});
		
		$('body').on('click', '#sendmailmening', function(e) {
			e.preventDefault(); 
			function isEmail(email) {
				var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				return regex.test(email);
			}
			if ( isEmail($( '#meningmail' ).val())) {
				var form = ($( '#addmeningmail' ));
				$.ajax({
					   type: "POST",
					   url: "/form_verwerk_mening.php",
					   data: {qq:form.serialize(),h:'Xp1r714Ve21IA21hl89'},
					   success: function(data) {
						   $('#mening-form').hide().html(data).fadeIn('slow');
					   }
					 });
			} 
		});
		
		function addslashes(string) {
			return string.replace(/\\/g, '\\\\').
				replace(/\u0008/g, '\\b').
				replace(/\t/g, '\\t').
				replace(/\n/g, '\\n').
				replace(/\f/g, '\\f').
				replace(/\r/g, '\\r').
				replace(/'/g, '\\\'').
				replace(/"/g, '\\"');
		}

		/*profiel edit*/
		$('body').on('click', '#editprofiel', function () {
		//$("#editprofiel").on('click', function () {
			
			var stad = $("#stad").text();
			var squote = ($("#quote").text());
			var interesses = $("#interesses").text();
			
			$("#editprofiel").hide();
			$("#stad").html('<input id="p_woonplaats" name="p_woonplaats" type="text" value="'+(stad)+'" placeholder="Woonplaats">');
			$("#quote").html('<input id="p_quote" naam="p_quote" type="text" value="'+(squote)+'" placeholder="Quote"><br><br><input class="p_prof" type="submit" value="opslaan">');
			$("#interesses").html('<textarea id="p_interesses" name="p_interesses" placeholder="Vertel eens wat over jezelf! Waar liggen je interesses? Ben je een restaurant-bezoeker, een danser, een cultuurliefhebber of juist een caféganger?">'+interesses+'</textarea>');
			$("#sendprof").html('<input type="submit" class="p_prof" name="p_prof" value="opslaan"></form>');
			$("#delfotobutton").html('<a href=\"?d=y\">verwijder</a>');
			
			$("#stad-no").hide();
			$("#quote-no").hide();
			$("#interesses-no").hide();
		});
		$('body').on('click', '.p_prof', function(e) {
			e.preventDefault();
			if ( ( $( '#p_quote' ).val().length > 0 ) || ( $( '#p_interesses' ).val().length > 0 ) || ( $( '#p_woonplaats' ).val().length > 0 )) {
				$(".p_prof").val('Wordt verwerkt...');
				var formData = $('#profielform').serializeArray();
				var myquote = $( '#p_quote' ).val();
				formData.push({ name: 'p_quote', value: myquote });
				$.ajax({
					   type: "POST",
					   url: "/profiel/update",
					   data: {pr:formData,h:'Xp1r714Ve21IA21hl89'},
					   success: function(data) {
						   $('#profielform').hide().html(data).fadeIn('slow');
						   $("#editprofiel").show();
						   $("#delfotobutton").hide();
					   }
					 });
			}
		});
		
		
		
		/*favo mouseover and click*/
		$("#setfavo, #unsetfavo").on( {
			mouseenter: function () {
				$((this)).addClass('hov');
			},
			mouseleave: function () {
				$((this)).removeClass('hov');
			}
		});
		$("#setfavo").on( {
			click: function () {
				var s = $('#setfavo').attr('name');
				$.ajax({
					   type: "POST",
					   url: "/_v_setfavo.php",
					   data: {setfavo:s,h:'Xp1r714Ve21IA21hl89'},
					   success: function(data) {
							$('#setfavo').fadeOut('slow', function () {
								$('#unsetfavo').fadeIn('slow');
							});
							
					   }
				});
			}
		});
		$("#unsetfavo").on( {
			click: function () {
				var u = $('#unsetfavo').attr('name');
				$.ajax({
					   type: "POST",
					   url: "/_v_setfavo.php",
					   data: {unsetfavo:u,h:'Xp1r714Ve21IA21hl89'},
					   success: function(data) {
							$('#unsetfavo').fadeOut('slow', function () {
								$('#setfavo').fadeIn('slow');
							});
					   }
				});
			}
		});
		
	
		
		/*aanmeldenaccount*/
		$("#p_naam, #z_naam").on('focus', function () {
			$('#p_naam_err').slideUp('slow');
		});
		$("#p_mail, #z_mail").on('focus', function () {
			$('#p_mail_err').slideUp('slow');
		});
		$("#p_pass, #z_pass, #p_pass_ver, #z_pass_ver, #n_pass, #n_pass_ver").on('focus', function () {
			$('#p_pass_err, #z_pass_err').slideUp('slow');
		});
		$("#p_vali, #z_vali").on('focus', function () {
			$('#p_vali_err').slideUp('slow');
		});
		$("#z_bedrijf").on('focus', function () {
			$('#z_bedrijf_err').slideUp('slow');
		});
		$("#z_tel").on('focus', function () {
			$('#z_tel_err').slideUp('slow');
		});
		
		$("#p_account_aanmaken, #z_account_aanmaken").submit(function(e)  {
			e.preventDefault(); // avoid to execute the actual submit of the form.
			
			if (this.id=='z_account_aanmaken') {
				if ($('#z_bedrijf').val()=='') {
					$('#z_bedrijf_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul een bedrijfsnaam in.</p>');
				} else
				if ($('#z_tel').val()=='') {
					$('#z_tel_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul een telefoonnummer in.</p>');
				}
			}

			if ($('#p_naam, #z_naam').val()=='') {
				$('#p_naam_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul een naam in.</p>');
			} else
			
			if (!((isEmail($( '#p_mail' ).val())) || (isEmail($( '#z_mail' ).val()))) ) {
				$('#p_mail_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul een geldig emailadres in.</p>');
			} else
			
			if (!(($('#p_pass').val()!='') && ($('#z_pass').val()!='')) ) {
				$('#p_pass_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul beide wachtwoorden in.</p>');
				
			} else
			
			if ( !(($('#p_pass').val()==$('#p_pass_ver').val()) && ($('#z_pass').val()==$('#z_pass_ver').val())) ) {
				$('#p_pass_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> De wachtwoorden zijn niet identiek.</p>');
			} else
			
			if (!(($('#p_vali').is(":checked")) || ($('#z_vali').is(":checked"))) ) {
				$('#p_vali_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Nog niet akkoord met de voorwaarden.</p>');
			} else {
				$("#p_send, #z_send").val('Wordt verwerkt...');
				var form = $(this);
				$.ajax({
					   type: "POST",
					   url: "/accountmaken",
					   data: {aa:form.serialize(),h:'Xp1r714Ve21IA21hl89'}, // serializes the form's elements.
					   success: function(data) {
						   $('#aa').hide().html(data).fadeIn('slow');
					   }
					 });
			}
		});
		
		/*ww forgotten*/
		$("#ww_reset_form").submit(function(e)  {
			e.preventDefault(); 
			if ( $('#n_pass').val()=='' || $('#n_pass_ver').val()=='' ) {
				$('#n_pass_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul beide wachtwoordvelden in.</p>');
			} else
			if ( $('#n_pass').val()!=$('#n_pass_ver').val() ) {
				$('#n_pass_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> De wachtwoorden zijn niet identiek.</p>');
			} else
			{
				$("#n_send").val('Wordt verwerkt...');
				var form = $(this);
				$.ajax({
					   type: "POST",
					   url: "/wachtwoordlink",
					    data: {nwnw:form.serialize(),h:'Xp1r714Ve21IA21hl89'}, 
					   success: function(data) {
						   $('#zz').hide().html(data).fadeIn('slow');
					   }
					 });
			}
		});
		
		
		/*ww reset*/
		$("#ww_mail").on('focus', function () {
			$('#z_mail_err').slideUp('slow');
		});
		
		$("#ww_form").submit(function(e)  {
			e.preventDefault(); 
			if (isEmail($( '#ww_mail' ).val())) {
				var mail = $("#ww_mail").val();
				$.ajax({
					   type: "POST",
					   url: "/wachtwoordlink",
					   data: {ww:mail,h:'Xp1r714Ve21IA21hl89'}, 
					   success: function(data) {
						   $('#ww').hide().html(data).fadeIn('slow');
					   }
					 });
			} else {
				$('#z_mail_err').slideDown('slow').html('<p><i class="fas fa-exclamation-triangle"></i> Vul het emailadres in dat bij jouw account hoort.</p>');
			}
		});
		
		
		/*menu*/
		$( "#hamb" ).click(function() {
			$( "#topmenu" ).slideToggle( "slow", function() {
			});
		});
		$('#nav-icon3').click(function(){
			$(this).toggleClass('open');
		});
		
		
		
		$( "#filter-swap" ).click(function() {
			$( "#filter" ).slideToggle( "slow", function() {
				$("#filterupdown").toggleClass("fa-sort-down");
				$("#filterupdown").toggleClass("fa-sort-up");
			});
		});
		$("#close_box").click(function() {
			var ul = document.getElementById('search_suggest');
			ul.style.display = 'none';
			var div = document.getElementById('close_box');
			div.style.display = 'none';
			var tre = document.getElementById('bc');
			tre.style.overflow = 'scroll';
		});
		
		/*tabs*/
		$( "#tab-plaats" ).click(function() {
			$( ".tabs").removeClass().addClass("plaats").addClass("tabs");
			$( ".subtab-etendrinken" ).hide();
			$( ".subtab-kunstcultuur" ).hide();
			$( ".subtab-fungames" ).hide();
			$( ".subtab-plaats" ).css('display', 'inline-block');
		});
		$( "#tab-provincie" ).click(function() {
			$( ".tabs").removeClass().addClass("provincie").addClass("tabs");
			$( ".subtab-etendrinken" ).hide();
			$( ".subtab-kunstcultuur" ).hide();
			$( ".subtab-fungames" ).hide();
			$( ".subtab-provincie" ).css('display', 'inline-block');
		});
		$( "#tab-etendrinken" ).click(function() {
			$( ".tabs").removeClass().addClass("etendrinken").addClass("tabs");
			$( ".subtab-plaats" ).hide();
			$( ".subtab-provincie" ).hide();
			$( ".subtab-etendrinken" ).css('display', 'inline-block');
			$( ".subtab-kunstcultuur" ).hide();
			$( ".subtab-fungames" ).hide();
		});
		$( "#tab-kunstcultuur" ).click(function() {
			$( ".tabs").removeClass().addClass("kunstcultuur").addClass("tabs");
			$( ".subtab-plaats" ).hide();
			$( ".subtab-provincie" ).hide();
			$( ".subtab-etendrinken" ).hide();
			$( ".subtab-kunstcultuur" ).css('display', 'inline-block');
			$( ".subtab-fungames" ).hide();
		});
		$( "#tab-fungames" ).click(function() {
			$( ".tabs").removeClass().addClass("fungames").addClass("tabs");
			$( ".subtab-plaats" ).hide();
			$( ".subtab-provincie" ).hide();
			$( ".subtab-etendrinken" ).hide();
			$( ".subtab-kunstcultuur" ).hide();
			$( ".subtab-fungames" ).css('display', 'inline-block');
		});
		
		/*plaats*/
		$( "#meerplaats" ).click(function() {
			$( ".plaats-desc").css("white-space", "normal");
			$( ".plaats-desc").css("width", "100%");
			$( "#meerplaats" ).hide();
			$( ".noshow").show();
		});
		$( "#minderplaats" ).click(function() {
			$( ".plaats-desc").css("white-space", "nowrap");
			$( ".plaats-desc").css("width", "80%");
			$( "#meerplaats" ).show();
			$( ".noshow").hide();
		});
		
		/*cookieconsent*/
		var x = document.cookie.split(" ");
		var p = x[x.length - 1];
		var res = p.replace("cookuit123ok=", "");
				if (res!='yes') {
			setTimeout(function () {
				$("#cookieConsent").fadeIn(200);
			}, 2000);
			$("#closeCookieConsent, .cookieConsentOK").click(function() {
				document.cookie = "cookuit123ok=yes; path=/";
				document.cookie = "UIT123-cookie-notice=1; path=/";
								$("#cookieConsent").fadeOut(200);
			}); 
		}
					
		
	});

	$(function() {
	  $('input[name="daterange"]').daterangepicker({
		opens: 'center',
		drops: 'up',
		locale: {
			format: 'DD-MM-YYYY'
		}
	  }, function(start, end, label) {
		alert("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
	  });
	});
	

	var count = 1;
	$('#news1').fadeIn().removeClass('ticker-no-show');
	$('#news1').fadeIn().addClass('ticker-show');

	function transition() {
	
			$('#news'+count).hide().addClass('ticker-no-show');
			$('#news'+count).hide().removeClass('ticker-show');
			
			$('#news'+(count+1)).fadeIn().removeClass('ticker-no-show');
			$('#news'+(count+1)).fadeIn().addClass('ticker-show');
			
			count = count+1;
	
		if (count==6) {
			count=1;
			$('#news1').fadeIn().removeClass('ticker-no-show');
			$('#news1').fadeIn().addClass('ticker-show');
		}
	
	}
	
	$('.news-ticker').hover(function(ev){
		clearInterval(timer);
	}, function(ev){
		timer = setInterval(transition, 3000);
	});
	timer = setInterval(transition, 3000);
	
	
	function isEmail(email) {
				var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
				return regex.test(email);
			}