// send_to_friend.js

$(document).ready(function() {
	
	// hide divs
	//$("#stf_container").hide();
	//$("#stf_success").hide();
	var stf_open = false;
	// show/hide form
	$("#btn_send_to_friend").click(function() {
		if (stf_open == false) {
			
			$("#send_to_friend").addClass("open");
			$("#send_to_friend").removeClass("closed");
			$("#stf_container").slideDown("slow");
			stf_open = true;
		} else if (stf_open == true) {
			$("#send_to_friend").addClass("closed");
			$("#send_to_friend").removeClass("open");
			$("#stf_container").slideUp("slow");
			stf_open = false;
		}
	});
	
	/*$('body').click(function() {
		$('#stf_container:not(:animated)').slideUp();
	});*/
	
	
	var reloadForm = function() {
		// reload form
		$(".reload").click(function() {
			$("#stf_form").show();
			$("#stf_success").hide();
			return false;
		});
		// reload and clear form
		$(".reloadclear").click(function() {
			clearForm();
			$("#stf_form").show();
			$("#stf_success").hide();
			return false;
		});
	}
	var clearForm = function() {
		$("#yourname").val('');
		$("#youremail").val('');
		$("#friendname").val('');
		$("#friendemail").val('');
	}
	reloadForm();
	$("#stf").validate({
		rules: {
			yourname: "required",
			youremail: {
				required: true,
				email: true
			},
			friendname: "required",
			friendemail: {
				required: true,
				email: true
			}
		},
		messages: {
			yourname: "Please enter a name",
			youremail: "Please enter a valid <br />email address",
			friendname: "Please enter a name",
			friendemail: "Please enter a valid <br />email address"
		},
		errorPlacement: function(error, element) {
			error.prependTo( element.parent("p") );
		},
		highlight: function(element, errorClass) {
			$(element).addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element).removeClass(errorClass);
		},
		submitHandler: function() {
			var yourname = $("#yourname").val();
			var youremail = $("#youremail").val();
			var friendname = $("#friendname").val();
			var friendemail = $("#friendemail").val();
			var stf_url = $("#stf_url").val();
			$.ajax({
				type: "POST",
				url: "/ajax/send_email_callback.php",
				data: "yourname="+yourname+"&youremail="+youremail+"&friendname="+friendname+"&friendemail="+friendemail+"&stf_url="+stf_url,
				success: function(html) {
					$("#stf_success").html(html);
					$("#stf_form").hide();
					$("#stf_success").show();
					reloadForm();
				},
				error: function(html) {
					alert("Error sending email:" + html);
					reloadForm();
				}
			});
			return false;
		}
	});
	reloadForm();


});