( function($) {
	$( function() {
		
		$("#closeemail").click( function() {
			$("#email-pop").css("display", "none");
			$("#fade1").css("display", "none");
			$("select").css("visibility", "visible");
		});

		$("#eformulary-email-cancek").click( function() {
			$("#email-pop").css("display", "none");
			$("#fade1").css("display", "none");
			$("select").css("visibility", "visible");
		});

		// $("#email-submit").click(function() {
		// $("#email-pop").css("display", "none");
		// $("#email-success").css("display", "block");
		// });

		$("#close-email-success").click( function() {
			$("#fade1").css("display", "none");
			$("#email-success").css("display", "none");
			$("select").css("visibility", "visible");
		});

		$().ready( function() {
			// avoid submitting from form directly with incorrect parameters
			$("#eformulary_email_form").submit(function() {
				return false;
			});
			var validator = $("#eformulary_email_form").validate( {
				errorClass: "red",
				errorPlacement: function(error, element) {
					error.css("color", "#F00");
					error.css("font-weight", "normal");
					$("#eformulary_email_form").find("td[forer=" + element.attr("name") + "]").html(error);
				},
				onfocusin: function(element) {
					this.lastActive = element;
					// this.settings.unhighlight &&
					// this.settings.unhighlight.call( this, element,
					// this.settings.errorClass );
					// this.errorsFor(element).hide();
				},
				onclick: function(element) {
				},
				onfocusout: function(element) {
				},
				onkeyup: function(element) {
				},
				highlight: function(element, errorClass) {
					$("#eformulary_email_form").find("label[for=" + element.name + "]").css("color", "#F00");
					$("#eformulary_email_form").find("label[for=" + element.name + "]").css("display", "inline");
					// set bg yellow
					// $("#eformulary_email_form
					// table").addClass("borderSpacingUD");
					var labelObj = $("#eformulary_email_form").find("label[for=" + element.name + "]").get(0);
					$(labelObj).parent().css( {
						background: "#FEF7D0"
					});
					$(labelObj).parent().next().css( {
						background: "#FEF7D0"
					});
					$(labelObj).parent().parent().next().find("td").css( {
						background: "#FEF7D0"
					});
				},
				unhighlight: function(element, errorClass) {
					$("#eformulary_email_form").find("label[for=" + element.name + "]").css("color", "#746C61");
					$("#eformulary_email_form").find("label[for=" + element.name + "]").css("display", "inline");
					// reset bg yellow
					var labelObj = $("#eformulary_email_form").find("label[for=" + element.name + "]").get(0);
					$(labelObj).parent().css( {
						background: "none"
					});
					$(labelObj).parent().next().css( {
						background: "none"
					});
					$(labelObj).parent().parent().next().find("td").css( {
						background: "none"
					});
				},
				check: function(element) {
					$("#eformulary_email_form").find("label[for=" + element.name + "]").css("display", "inline");
				},
				rules: {
					"seaderName": {
						required: true,
						maxlength: 50
					},
					"seaderMail": {
						required: true,
						email: true,
						maxlength: 50
					},
					"receiverName": {
						required: true,
						maxlength: 50
					},
					"receiverMail": {
						required: true,
						email: true,
						maxlength: 50
					}
				},
				messages: {
					"seaderName": {
						required: "Please fill in all required fields.",
						maxlength: "A valid name is required."
					},
					"seaderMail": {
						required: "Please fill in all required fields.",
						maxlength: "A valid e-mail address is required.",
						email: "A valid e-mail address is required. Please re-enter e-mail address in the proper format (name@domain.com)."
					},
					"receiverName": {
						required: "Please fill in all required fields.",
						maxlength: "A valid name is required."
					},
					"receiverMail": {
						required: "Please fill in all required fields.",
						maxlength: "A valid e-mail address is required.",
						email: "A valid e-mail address is required. Please re-enter e-mail address in the proper format (name@domain.com)."
					}
				}
			});

			$("#eformulary-email-submit").click( function() {
				if (validator.form()) {
					$("#searchEformularyParameter_seaderName").val($("#seaderName").val());
					$("#searchEformularyParameter_seaderMail").val($("#seaderMail").val());
					$("#searchEformularyParameter_receiverName").val($("#receiverName").val());
					$("#searchEformularyParameter_receiverMail").val($("#receiverMail").val());
					$(this).sendEformularyMail();
				}
			});

			// for enter keyboard submit
			$("#eformulary_email_form :input").each( function() {
				$(this).keypress( function(e) {
					var key = window.event ? e.keyCode : e.which;
					if (key.toString() == "13") {
						$("#eformulary_email_form #eformulary-email-submit").click();
					}
				});
			});

		});

		$.fn.sendEformularyMail = function() {
			$("#eformularySearchForm").attr("action", ctx + "/eformulary/sendEformularyMail.json");
			var options = {
				beforeSubmit: function() {
				},
				success: function(result) {
					$("#email-pop").css("display", "none");
					$("#fade1").css("display", "block");
					$("#email-success").css("display", "block");
				},
				error: function(xhr, status) {
					if (xhr.status > 200 && xhr.status <= 500) {
						alert("error comminucation.");
					}
				},
				dataType: "json"
			};
			$("#eformularySearchForm").ajaxSubmit(options);
		}
	});
})(jQuery);