<!--//

function showStafForm() { 
    $('#stafForm').fadeIn(600);
}

$(document).ready(function() {
	$("#stfForm").validate({
		messages: {
			stafFromName: 'Please enter your name', 
			stafFromEmail: { 
				required: 'Required Field', 
				email : 'Invalid email address'
			}, 
			stafToEmail : {
				required: 'Required Field', 
				email : 'Invalid email address'
			}
		},

		errorPlacement: function(error, element) {
			error.appendTo( element.parent() );
		},

		success : function(label) {
			label.html("&nbsp;").addClass("validated");
		},
		
		submitHandler: function() {

			// hide the submit btn
			$('#stfSubmitBtn').hide();

			// show the spinner
			$('#stfSubmitSpinner').show();

			// submit the form
			$.ajax({
				type: 'POST', 
				url: 'stf.html', 
				dataType: 'json', 
				data: {
					fa: 'ajax_submit', 
					from_name: $('#stafFromName').val(), 
					from_email: $('#stafFromEmail').val(), 
					to_email: $('#stafToEmail').val(), 
					message: $('#stafMessage').val()
				}, 
				success: function(data) {

					// hide the spinner
					$('#stfSubmitSpinner').hide();

					if (data.status == 'OK') {
						$('#friendsEmail').html($('#stafToEmail').val());
						$('#stafToEmail').val('');
						$('#stfError').hide();
						$('#stfSuccess').show();
						$('#stfSubmitBtn').show();
					} else {
						$('#stfError').show();
						$('#stfSubmitBtn').show();
					}
				}, 
				error: function(XMLHttpRequest, textStatus, errorThrown) {
					// hide the spinner
					$('#stfSubmitSpinner').hide();
					$('#stfSubmitBtn').show();
					$('#stfError').show();
				}
			});
		}
	});
});
//-->