// Reset default inputfield value
$.fn.resetvalue = function() {
	$(this).focus(function() {
		if($(this).val() == this.defaultValue ) {
			$(this).val("");
		}
	});
	$(this).blur(function() {
		if($(this).val() == "") {
			$(this).val(this.defaultValue);
		}
	});
};

$(document).ready(function() {

	// Zoeken
	$('#zoeken').autocomplete('/api/zoeken.php', {
		minChars: 2
	}).result(search);

	function search() {
		$("#zoeken_form").submit();
	}
	
	$('#zoeken').resetvalue();
	
	// Ervaring toevoegen
	$('#voorbeeld_titel_tekst, #voorbeeld_algemeen_tekst, #voorbeeld_sterk_tekst, #voorbeeld_zwak_tekst').hide();

	$('#voorbeeld_titel').click(function() {
		$('#voorbeeld_titel_tekst').toggle();
	});
	
	$('#voorbeeld_algemeen').click(function() {
		$('#voorbeeld_algemeen_tekst').toggle();
	});

	$('#voorbeeld_sterk').click(function() {
		$('#voorbeeld_sterk_tekst').toggle();
	});

	$('#voorbeeld_zwak').click(function() {
		$('#voorbeeld_zwak_tekst').toggle();
	});

	// Weergave van het aantal karakters
	$('#aantal_algemeen_tekst, #aantal_sterk_tekst, #aantal_zwak_tekst').hide();

	$('#algemeen').focusin(function() {
		$('#aantal_algemeen_tekst').show();
	});
	
	$('#algemeen').focusout(function() {
		$('#aantal_algemeen_tekst').hide();	
	});

	$('#sterk').focusin(function() {
		$('#aantal_sterk_tekst').show();
	});
	
	$('#sterk').focusout(function() {
		$('#aantal_sterk_tekst').hide();	
	});

	$('#zwak').focusin(function() {
		$('#aantal_zwak_tekst').show();
	});
	
	$('#zwak').focusout(function() {
		$('#aantal_zwak_tekst').hide();	
	});

	// Aantal karakters
	$('#algemeen').keyup(function() {
		var charLength = $(this).val().length;
		$('#aantal_algemeen').html(charLength);
	});

	$('#sterk').keyup(function() {
		var charLength = $(this).val().length;
		$('#aantal_sterk').html(charLength);
	});
	
	$('#zwak').keyup(function() {
		var charLength = $(this).val().length;
		$('#aantal_zwak').html(charLength);
	});		
	
	// Slideup
	$('#slideup').animate({ height: '80px' }, 1500, 'linear');
        
    $('#hide').click(function () { 
		$('#slideup').hide();
		
		var status = $('#hide_always').attr('checked') ? 1:0;
		
		if (status == 1) {
			$.ajax({
				type: "GET",
				url: "api/hide.php"
			});
		}
    });
});