var maxLengthName = 20;
var maxLengthMessage = 1000;

jQuery(document).ready(function(){

	//hide the success message
	$("#messageSuccess").hide();
	$("#message").click(function(){
		if($("#message").val() == $("#instructions").text()){
			$("#message").val('');
		}
	});
	
	//get all the approved letters
	$.get("/letters/get", null, loadLetters, "json");
	
	$("#frmLoveLetters").validate({
   		messages: {
			message:{
				required:"Please enter a message",
				maxlength:"Please limit your message to "+maxLengthMessage+" characters"
			},
			name:{
				required:"Please specify your name",
				maxlength:"Please limit your name to "+maxLengthName+" characters"
			},
			email: {
				required: "Please enter a valid email address.",
			  	email: "Your email address must be in the format of name@domain.com"
			}
		},
		rules: {
			name: {
				required: true,
				maxlength: maxLengthName
			},
			email: {
				required: true
			},
			message: {
				required: true,
				maxlength: maxLengthMessage
			}
		},
		submitHandler: function(form){
			$("#btnSubmitLetter").fadeOut("fast");
			//add spinnie fun-time graphic here!
			submitLetterForm(); 
		},
		errorContainer: '#errors',
		errorLabelContainer: '#errors ul',
		wrapper: "li"		
	});
	
});

function loadLetters(data){
	letters = data.letters;
		
	/*
	SAMPLE OUTPUT
	
	{"letters":
		[
			{"name":"John Vitelli","message":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia, sapien vitae ultrices cursus, sapien elit venenatis ante, scelerisque porta orci nunc sit amet nunc."},
	 		{"name":"Bernie Williams","message":" Vestibulum commodo consectetur dolor, at laoreet mauris eleifend et. Cras quis convallis lorem. Sed bibendum malesuada libero. "},
	 		{"name":"Jane Girl","message":"Suspendisse aliquet tincidunt leo at dapibus. Proin ac mauris sapien, nec posuere purus. Nam vitae venenatis est."}
		]
	}
	*/
}

function submitLetterForm(){

	//all good if here... hide the form
	$("#frmLoveLetters").fadeOut("fast");

	var post_data = new Object();	
	post_data.name = $("#name").attr("value");
	post_data.email = $("#email").attr("value");
	post_data.message = $("#message").attr("value");
	$.post("/letter/add", post_data, letterFormResults, "json");
}

function letterFormResults(result){

	if(result.error) alert(result.error);	
	else if(result.success){
		$("#messageSuccess").fadeIn("slow");
		
	}
}