var reportDiv = $("<div class='form_report'></div>");

$(document).ready( function() {
	bindAboutEventFunctions();
});


function showContactForm() {
	$(".contact").html(formHtml).show("slow");
	bindAboutEventFunctions();
}

function showFormSendReport() {
	$(".contact>h4").after(reportDiv.text(resources[language].FORM_SEND_SUCCESSFULLY));
}

function showFormErrorReport() {
	$(".contact>h4").after(reportDiv.text(resources[language].FORM_SEND_ERROR));
}

function hideFormReport() {
	$(".form_report").remove();
	setFieldsToDefault();
}

function clearFields() {
	$(".name").val("");
	$(".message").val("");
	$(".mail").val("");
}

function setFieldsToDefault() {
	$(".name").val(resources[language].FORM_NAME_INPUT);
	$(".message").val(resources[language].FORM_MESSAGE_INPUT);
	$(".mail").val("E-mail");
}

function bindAboutEventFunctions() {
	
	$(".send").click(function(){
		if($(".name").val() == resources[language].FORM_NAME_INPUT) {
			$(".name").val("");
		}
		if($(".message").val() == resources[language].FORM_MESSAGE_INPUT) {
			$(".message").val("");
		}
		if($(".mail").val() == "E-mail") {
			$(".mail").val("");
		}
	});
	
	$(".name").focus(function(){
		var text = $(this).val();
		if(text == resources[language].FORM_NAME_INPUT) {
			$(this).val("");
		}
	});
	$(".name").blur(function(){
		var text = $(this).val();
		if(text == "") {
			$(this).val(resources[language].FORM_NAME_INPUT);
		}
	});
	$(".message").focus(function(){
		var text = $(this).val();
		if(text == resources[language].FORM_MESSAGE_INPUT) {
			$(this).val("");
		}
	});
	$(".message").blur(function(){
		var text = $(this).val();
		if(text == "") {
			$(this).val(resources[language].FORM_MESSAGE_INPUT);
		}
	});
	$(".mail").focus(function(){
		var text = $(this).val();
		if(text == "E-mail") {
			$(this).val("");
		}
	});
	$(".mail").blur(function(){
		var text = $(this).val();
		if(text == "") {
			$(this).val("E-mail");
		}
	});	
	
	
	var form = $("#contactForm");
	
	form.validate({

		submitHandler : function() {
			var formData = form.serialize();
			
			$.ajax({
				
				type: "POST",
				url: CONTEXT_PATH + "/sendmail/?ajax=true",
				data: formData,
				success: function(responseData) {
					showFormSendReport();
					clearFields();
					setTimeout("hideFormReport()",1800);
				},
				error: function(XMLHttpRequest, textStatus, errorThrown) {
					showFormErrorReport();
					clearFields();
					setTimeout("hideFormReport()",1800);
				}
			});
		},
		
		errorClass : "error",
		
		rules : {
			name : {
				required : true,
				minlength : 5
			},
			message : {
				required : true,
				minlength : 10
			},
			mail : {
				required : true,
				email : true
			}
		},
		messages : {
			name : {
				required : "",
				minlength : ""
			},
			message : {
				required : "",
				minlength : ""
			},
			mail : ""
		}
	});
}