// JavaScript Document
$(function() {
	
			//formulier validatie
			$("#form1").validate({
				rules: {
					naam : {
						required: true
					},
					email : {
						required: true,
						email: true
					},
					uwemail : {
						required: true,
						email: true
					},
					uwnaam : {
						required: true
					},
					bericht: {
						required: true
					}
				},
				submitHandler: function() {
   						$('#formdiv').hide('normal');
						$('#send-a-friendform').append('<p style="text-align: center;"><img src="images/loading.gif" alt="Currently Loading" id="loading" /></p>');
					
						var naam = $('#naam').val();
						var email = $('#email').val();
						var uwnaam = $('#uwnaam').val();
						var uwemail = $('#uwemail').val();
						var bericht = $('#bericht').val();
						var homepage = $('#homepage').val();
						var url = $('#url').val();
						var id = $('#id').val();
						
						$.ajax({
							url: 'sendafriend.php',
							type: 'POST',
							data: 'naam=' + naam + '&email=' + email + '&uwnaam=' + uwnaam + '&uwemail=' + uwemail + '&bericht=' + bericht + '&submit=ja&ajax=ja' + '&homepage=' + homepage + '&url=' + url + '&id=' + id,
							
							success: function(result) {
								$('#response').remove();
								$('#send-a-friendform').append('<p id="response">' + result + '</p>');
								pageTracker._trackPageview("/verzonden.php");
								$('#loading').fadeOut(500, function() {
									$(this).remove();
								});
			
							}
						});
		
					}
				});

			$('.tellafriend').click(function(){
				$('#formdiv').show('normal');
				$('#response').remove();
				$('#loading').remove();
				$('#website-container').fadeTo('','0.20');
				$('#footer').fadeTo('normal','0.20');
				$('#send-a-friendform').show('normal');
				return false; 
			});
			$('.tellafriendclose').click(function(){
				$('#website-container').fadeTo('normal','1');
				$('#footer').fadeTo('normal','1');
				$('#send-a-friendform').hide('normal');
				return false; 
			});
			$('#website-container').click(function(){
				$('#website-container').fadeTo('normal','1');
				$('#footer').fadeTo('normal','1');
				$('#send-a-friendform').hide('normal');
			});
			$('#footer').click(function(){
				$('#website-container').fadeTo('normal','1');
				$('#footer').fadeTo('normal','1');
				$('#send-a-friendform').hide('normal');
			});
					
			
			
		});