$(document).ready(function(){
	$("input#button_send").click(submitForm);
});

function b_hideLoadingModal() {
	$("div#loading_modal").css("width", "0");
	$("div#loading_modal").css("height", "0");
	$("div#loading_modal").css("visibility", "hidden");
}

function b_showLoadingModal() {
	$("div#loading_modal").css("width", "36px");
	$("div#loading_modal").css("height", "36px");
	$("div#loading_modal").css("visibility", "visible");
	b_center($("div#loading_modal"));
}

function b_hideLoadingNonModal() {
	$("div#loading_non_modal").css("width", "0");
	$("div#loading_non_modal").css("height", "0");
	$("div#loading_non_modal").css("visibility", "hidden");
}

function b_showLoadingNonModal() {
	$("div#loading_non_modal").css("width", "36px");
	$("div#loading_non_modal").css("height", "36px");
	$("div#loading_non_modal").css("visibility", "visible");
	b_center($("div#loading_non_modal"));
}


function submitForm() {
	if ($("input#button_send").hasClass("disabled")) {
		return;
	}
	
	var email = $("input#email_field").val();
	if (email.trim() == "") {
		alert("Please provide email address");
		return;
	}
	
	$("input#button_send").addClass("disabled");
	
	var ok_response = confirm("Send message now?");
	if (ok_response) {
		
		b_showLoadingNonModal();
		
		var json_data = $("form#contact_form").serializeArray();
		$.ajax({
			dataType: "JSON",
			type: "POST",
			data: json_data,
			url: "http://www.ptstg.com/contact/submit",
			success: contactSubmitSuccess,
			error: contactSubmitError
		});
		
	} else {
		$("input#button_send").removeClass("disabled");
	}
}


function contactSubmitSuccess() {
	b_hideLoadingNonModal();
	$("div#message_box").html("Your message has been sent successfully");
	showMessage();
	setTimeout(resetForm, 10500);
	$("input#button_send").removeClass("disabled");
}

function contactSubmitError() {
	b_hideLoadingNonModal();
	$("div#message_box").html("We're sorry, your message cannot be sent");
	showMessage();
	$("input#button_send").removeClass("disabled");
}

function showMessage() {
	$("div#message_box").animate({ top: "-270px" }, 500);
	setTimeout(function(){ $("div#message_box").animate({ top: "100px" }, 500); }, 10000);
}

function resetForm() {
	$("form#contact_form").trigger("reset");
}