$(document).ready(function() {
	
	var senderValue = $('#senderName').val();
	var messageValue = $('#message').val();
	
	$("#contactForm").validate({
		
		rules: 
		{
			senderName: { required: true },
			senderEmail: { required: true, email: true },
			message: { required: true }
		},
		
		messages: 
		{
			senderName: "Proszę podać swoje imię i nazwisko.",
			senderEmail: "Proszę podać poprawny adres email.",
			message: "Brak wiadomości."
		},
		
		submitHandler: function(form) 
		{
			if($('#senderName').val() == senderValue)
			{ 
				$("#contactForm").validate().showErrors({"senderName": "Proszę podać swoje imię i nazwisko."});
			}
			
			if($('#message').val() == messageValue)
			{ 
				$("#contactForm").validate().showErrors({"message": "Brak wiadomości."});
			}
			
			else form.submit();	
		}
	});
	
	function inputsValue(inpt, inptVal)
	{
		inpt.focus(function()
		{
			if($(this).val() == inptVal)
			{
				$(this).val('');
			}
		});
			
		inpt.blur(function()
		{
			if($(this).val() == '')
			{
				$(this).val(inptVal);
			}
		});
	}
	
	inputsValue($('#senderName'), 'Imię i nazwisko');
	inputsValue($('#senderEmail'), 'Adres email');
	inputsValue($('#message'), 'Treść wiadomości');
	inputsValue($('#phone'), 'Telefon');
}); 
