/* ================
	=Blairbox
================= */
$(document).ready(function(){
	//If submit button is clicked
	$('input[type="submit"]#blairboxToevoegen').click(function(){
		
		// JSON
		$.getJSON('includes/php/json.php?callback=?', function(data) {
			$.each(data, function(i, json) {
				
				// Set variables
				var id_leden = json.id_leden;
				var datum = dateFormat('H:MM:ss dd-mm-yyyy');
				var blairboxNaam = $("#blairboxNaam").val();
				var blairboxBericht = $("#blairboxBericht").val();
				
				// Validate input
				if (blairboxNaam === '') {
					$('#blairboxNaam').addClass('error');
					return false;
				}
				if (blairboxBericht === '') {
					$('#blairboxBericht').addClass('error');
					return false;
				}
				
				// Datastring
				var dataString = 'blair=set&blairboxNaam=' + blairboxNaam + '&blairboxBericht=' + blairboxBericht;
				//var dataString = escape('blair=set&blairboxNaam=' + blairboxNaam + '&blairboxBericht=' + blairboxBericht);
				//alert(dataString);
				
				// Ajax
				$.ajax({
					type: "POST",
					url: "../includes/php/forms.php",
					data: dataString,
					success: function() {
						// Voeg de blair toe aan de huidige blairs
						if(id_leden != null) {
							$("ul#blairboxBerichten").prepend('<li class="paginate"><span class="blairboxNaam"><a href="leden/profiel.php?id=' + id_leden + '">' + blairboxNaam + '</a></span><br /><span class="blairboxBericht">' + blairboxBericht + '</span><br /><span class="blairboxDatum">' + datum + '</span></li>').hide().fadeIn();
						}
						else {
							$("ul#blairboxBerichten").prepend('<li class="paginate"><span class="blairboxNaam">' + blairboxNaam +'</span><br /><span class="blairboxBericht">' + blairboxBericht + '</span><br /><span class="blairboxDatum">' + datum + '</span></li>').hide().fadeIn();
						}
						
						// Reset het form
						$("#blairboxNaam").val('');
						$("#blairboxBericht").val('');
					}
				});
			});
		});
		return false;
	});
});

/* ================
	=Likes
================= */
/*$(document).ready(function(){
	//If like button is clicked
	$('input[type="submit"].likeBlair').click(function(){
		
		// JSON
		$.getJSON('includes/php/json.php?callback=?', function(data) {
			$.each(data, function(i, json) {
				
				// Set variables
				//var id_leden = json.id_leden;
				//var naam = json.naam;
				var id_blairbox = '161616';
				var likes = $(this).siblings('.popup');
				var aantalLikes = $(this).siblings('.popup').children('.aantalLikes');
				
				// Datastring
				var dataString = 'like=set&id_blairbox=' + id_blairbox;
				
				// Ajax
				$.ajax({
					type: "POST",
					//url: "../includes/php/forms.php",
					data: dataString,
					success: function() {
					
						$(this).siblings('.popup').show();
						
						// Increment het huidige getal
						var aantal = $(this).siblings('.popup').children('.aantalLikes').text();
						var nieuw_aantal = parseInt(aantal) + 1;
						if(nieuw_aantal > 1) {
							$(this).siblings('.popup').html('- <span class="aantalLikes">' + nieuw_aantal + '</span> likes');
						}
						else {
							$(this).siblings('.popup').children('.aantalLikes').html(nieuw_aantal);	
						}
						
						// Voeg de naam toe
						$(this).siblings('.popup').SetBubblePopupInnerHtml($(this).siblings('.likes').html() + 'test<br />');
						
						// Vervang de like knop met een unlike knop
						$(this).replaceWith('<input type="submit" class="unlikeBlair" value="Unlike" />');
					}
				});
			});
		});
		return false;
	});
});*/

/* ================
	=Comments
================= */
// Als het toevoegen formulier is ingevuld
$(document).ready(function(){
	//If submit button is clicked
	$('input[type="submit"]#reactieToevoegen').click(function(){
		
		// JSON
		$.getJSON('includes/php/json.php?callback=?', function(data) {
			$.each(data, function(i, json) {
				
				// Set variables
				var type = $("#type").val();
				var datum = dateFormat('dd-mm-yyyy H:MM');
				var id_leden = json.id_leden;
				var naam = json.naam;
				var thumbnail = json.thumbnail;
				var reactie = $("#reactie").val();
				
				// Parameters voor foto comments
				if(type === 'foto') {
					var foto = $("#foto").val();
					var album = getQueryString("album");
					
					// Datastring
					var dataString = 'reactieFoto=set&type=' + type + '&reactie=' + reactie + '&foto=' + foto + '&album=' + album;
				}
				
				// Parameters voor activiteit comments
				if(type === 'activiteit') {
					var activiteit = getQueryString("id");
					
					// Datastring
					var dataString = 'reactieActiviteit=set&type=' + type + '&reactie=' + reactie + '&activiteit=' + activiteit;
				}
				
				// Validate input
				if (reactie === '') {
					$('#reactie').addClass('error');
					return false;
				}
				
				// Ajax
				$.ajax({
					type: "POST",
					url: "../includes/php/forms.php",
					data: dataString,
					success: function() {
						// Voeg de reactie toe aan de huidige reacties
						$("ul#reactiesList").append('<li><img src="images/profielfotos/' + thumbnail + '" width="70" height="70" alt="Thumb" /><a href="leden/profiel.php?id=' + id_leden + '">' + naam + '</a> <span class="reactieDatum">op ' + datum + '</span><br />' + reactie + '</li>').hide().fadeIn();
						$("li#geenReacties").hide();
						
						// Reset het form
						$("#reactie").val('');
					}
				});
			});
		});
		return false;
	});
});

/* ================
	=Blairbox Verwijderen
================= */
$(document).ready(function(){
	//If link is clicked
	$('.deleteBlair').click(function(){
		
		// Confirm
		var confirmDelete = confirm('Weet je zeker dat je deze blair wilt verwijderen?');
		if(confirmDelete != true) {
			return false;
		}
		
		// Set variables
		var id_blairbox = $(this).attr('id');
		var parents = $(this).parents('li');
		
		// Datastring
		var dataString = 'deleteBlair=set&id_blairbox=' + id_blairbox;
		
		// Ajax
		$.ajax({
			type: "POST",
			url: "includes/php/forms.php",
			data: dataString,
			success: function() {
				// Verwijder de blair uit de lijst
				parents.fadeOut(function() {
					$(this).remove();
				});
			}
		});
		return false;
	});
});