$(document).ready(function(){
	initViewport();
	initMainMenu();
	$("input#button_send").click(submitForm);
	$("a#main_menu_button").click(showMainMenu);
	$("a#close_main_menu_button").click(hideMainMenu);
});

function initViewport() {
	if( /Android|android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
		var ww = ( $(window).width() < window.screen.width ) ? $(window).width() : window.screen.width; //get proper width
		var mw = 600; // min width of site
		var ratio =  ww / mw; //calculate ratio
		if( ww < mw) { //smaller than minimum size
			$('#viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
		} else { //regular size
			$('#viewport').attr('content', 'initial-scale=1.0, maximum-scale=2, minimum-scale=1.0, user-scalable=yes, width=' + ww);
		}
	}
}

function initMainMenu() {
	var window_height = $(window).height();
	var menu_height = $("div#main_menu_container_1").height();
	var margin_top = window_height - menu_height;
	if (margin_top > 130) {
		margin_top = margin_top / 2 - 65;
	} else {
		margin_top = 0;
	}
	$("div#main_menu_container_1").css("margin-top", margin_top + "px");
	hideMainMenu();
}

function showMainMenu() {
	var window_width = $(window).width();
	var window_height = $(window).height();
	var main_menu_container = $("div#main_menu_container");
	main_menu_container.css("width", window_width+"px");
	main_menu_container.css("height", window_height+"px");
}

function hideMainMenu() {
	var main_menu_container = $("div#main_menu_container");
	main_menu_container.css("width", 0);
	main_menu_container.css("height", 0);
}

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");
	$("#name_field").css("background", "url('app/images/bg-name.png')");
	$("#email_field").css("background", "url('app/images/bg-email.png')");
	$("#subject_field").css("background", "url('app/images/bg-subject.png')");
	$("#message_field").css("background", "url('app/images/bg-message.png')");
	$(".footer_text_box, .footer_text_area").css("background-color", "none");
}