var formTableHtml = null;

function showContactForm() {
	$(".contact_form").html(formTableHtml).show("slow");
}


$(document).ready( function() {
	var form = $("#contactForm");
	var formTable = $(".contact_form");
	
	form.validate({

		submitHandler : function() {

			var formData = form.serialize();
			formTableHtml = formTable.html();
			
			$.ajax({
				
				type: "POST",
				url: "sendEmail.do",
				data: formData,
				success: function(responseData) {
					formTable.html("Формата беше изпратена успешно!");
					 
					setTimeout("showContactForm()",1200);
				},
				error: function() {
					formTable.html("Възникнала е грешка при изпращане на формата! Моля, опитайте по-късно!");
					
					setTimeout("showContactForm()",1800);
				}
			});
		},
		
		errorClass : "error_message",
		errorElement: "span",
		
		// Overriden because by default is applying the error class defined in the errorClass directive
		highlight: function(element, errorClass) {
		},

		
		errorPlacement : function(error, element) {
			var elementName = element.attr("name"); 
			var elementLabel = $("#" + elementName + "_label");
			error.appendTo(elementLabel);
		},
		
		rules : {
			name : {
				required : true,
				minlength : 5
			},
			message : {
				required : true,
				minlength : 10
			},
			mail : {
				required : true,
				email : true
			}
		},
		messages : {
			name : {
				required : "мин. 5 символа",
				minlength : "мин. 5 символа"
			},
			message : {
				required : "мин. 10 символа",
				minlength : "мин. 10 символа"
			},
			mail : "грешен е-мейл"
		}
	});
});