$(document).ready(function() {
	
	/* preserving initial values */
	
	$("#messageSent").hide();

	$("input").each(function(){
		var defaultText = $(this).attr("value");
		$(this).data("defText", defaultText);
	});

	$("textarea").data("defText", $("textarea").html());
	/* remove initial value */
	
	$("#address, #name").focusin(function(){
		if($(this).val() == $(this).data("defText")){
			$(this).attr("value", "");
			//alert("focusin called");
		};
	});
	
	/* reapply initial value on focusout/blur and reset border style to normal */
	
	$("#address, #name").focusout(function(){
		if($(this).val() == ""){
			$(this).attr("value", $(this).data("defText"));
			$(this).css({"border" : "3px solid #aaa"});
			//alert("focusout called");
		};
	}).blur(function(){
		if($(this).val() == ""){
			$(this).attr("value", $(this).data("defText"));
			$(this).css({"border" : "3px solid #aaa"});
			//alert("blur called");
		};		
	});
	
	$("textarea").focusin(function(){
		if($(this).html() == $(this).data("defText")){
			$(this).html("");
			//alert("focusin on textarea called");
		};
	});
	
	$("textarea").focusout(function(){
		if($(this).val() == ""){
			$(this).html($(this).data("defText"));
			$(this).css({"border" : "3px solid #aaa"});
			//alert("focusout on textarea called");
		};
	}).blur(function(){
		if($(this).val() == ""){
			$(this).html($(this).data("defText"));
			$(this).css({"border" : "3px solid #aaa"});
			//alert("focusout on textarea called");
		};
	});
	
	
	$("#sendButton").click(function() {
    // validate and process form here
		
		
		var valueOfAddress = $("input#address").val();
		var name = $("input#name").val();
		var msg = $("textarea").val();
		
		
		function validateMail(){
			
			
			valueOfAddress = jQuery.trim(valueOfAddress);
			//alert(valueOfAddress);
			
			if(valueOfAddress == "" || valueOfAddress == $("#address").data("defText")){
				
				//alert("false!");
				return false;
			}else{
				return true;
				//alert("true!!");
			};
		};

		
		msg = jQuery.trim(msg);
		//alert($("textarea#message").data("defText"));
		
		
		if (validateMail() == false) {
      		$("input#address").css({"border":"3px solid red"});
			$("input#address").focus();
			//alert("no valid mail");
      		return false;
    	}else{
			//alert("1st passed");
			/* check if name is empty */
	
			$("input#address").css({"border":"3px solid aaa"});
			
			if(name == "" || name == $("#name").data("defText")) {
				$("input#name").css({"border" : " 3px solid red"});
				$("input#name").focus();
				//alert("no valid name");
	      		return false;
    		}else{
				//alert("2nd passed");
				/* check if message is empty */
				
				$("input#name").css({"border" : "3px solid aaa"});
				
				if(msg == "" || msg == $("textarea").data("defText")) {
					$("textarea").css({"border":"3px solid red"});
					$("textarea").focus();
					return false;
  				}else{
					
					var dataString = "name="+name+"&from="+valueOfAddress+"&message="+msg;
					//alert(dataString);
					
					$.ajax({
						type: "POST",
						url: "/script/send_mail.php",
						data: dataString,
						success: function(){
							$('#contactForm li').hide();
							$("#messageSent").show();
							//return false;
						}
					});
					return false;
				};
			};
		};
	});
	
	$("#sendAnother").click(function(){
		$("#address, #name").each(function(){
			$(this).attr("value", $(this).data("defText"));
		});
		//alert($("textarea").data("defText"));
		$("textarea").html($("textarea").data("defText"));
		$("#contactForm li").show();
		$("#messageSent").hide();
		$("input#address").focus();
		
		return false;
		
	});
});