$( function () {
	$(window).resize(function () {
		$screenHeight = $(window).height()/2;
		$divHeight = $("div#belMij").height()/2;
		
		$("div#belMij")
			.animate({
				'margin-top': ($screenHeight-$divHeight)
			}, 500);
	}).trigger('resize');
	
	$("div#belMij")
		.click( function (evt) {
			evt.stopPropagation();
		});
	
	$(".belMijForm input[name=naam], .belMijForm input[name=telefoon], .belMijForm input[name=klantnummer], .belMijForm input[name=message]").focus( function () {
		
		$(this).val('');
	});
	$(".belMijForm input[name=naam]").blur( function () {
if (this.value == "" || this.value == null || !isNaN(this.value) || this.value.charAt(0) == ' '){
		$(this).val('Uw naam');
		}
	});
	$(".belMijForm input[name=telefoon]").blur( function () {
	
	 if (this.value == "" || this.value == null || this.value.charAt(0) == ' '){
		$(this).val('Uw telefoonnummer');
		}
	});
	$(".belMijForm input[name=klantnummer]").blur( function () {
if (this.value == "" || this.value == null || this.value.charAt(0) == ' '){
		$(this).val('Uw klantnummer');
		}
	});
	$(".belMijForm input[name=message]").blur( function () {
if (this.value == "" || this.value == null || this.value.charAt(0) == ' '){
		$(this).val('Waarmee kunnen wij u helpen?');
		}
	});
	
	$(".belMijForm .belMijButton").click( function () {
		$naam = $(".belMijForm input[name=naam]");
		$telefoon = $(".belMijForm input[name=telefoon]");
		$klantnummer = $(".belMijForm input[name=klantnummer]");
		$message = $(".belMijForm input[name=message]");
		
		if($telefoon[0].defaultValue != $telefoon.val() && $naam[0].defaultValue != $naam.val() && $message[0].defaultValue != $message.val() && $telefoon.val() != '' && $naam.val() != '' && $message.val() != '') {
			$data = 'naam=' + $naam.val() + '&telefoon=' + $telefoon.val() + '&klantnummer=' + $klantnummer.val()+ '&message=' + $message.val();
			
			$.ajax({
				type: 'POST',
				url: 'belMij.php',
				data: $data,
				success: function ( data ) {
					$("div#belMij div.info").html( data );
				}
			});
			
		} else {
			alert('Vul AUB uw naam en telefoonnummer in!');
		}
	}).css("cursor", "pointer");
	
	$(".belMij").click( function () {
		$(".overlay").fadeIn( function () {
			$(window).resize();
		});
	}).css("cursor", "pointer");
	
	$(".overlay, div.close")
		.click( function() {
			$(".overlay").fadeOut();
		});
});