$(function(){
	
	$("#main").bgLayer({
		t:{
			url: "images/rect_t.gif",
			position:"top",
			repeat:"repeat-x"
		},
		r:{
			url: "images/rect_r.gif",
			position:"right",
			repeat:"repeat-y"
		},
		b:{
			url: "images/rect_b.gif",
			position:"bottom",
			repeat:"repeat-x"
		},
		l:{
			url: "images/rect_l.gif",
			position:"left",
			repeat:"repeat-y"
		},
		tl:{
			url: "images/rect_tl.gif",
			position:"top left",
			repeat:"no-repeat"
		},
		tr:{
			url: "images/rect_tr.gif",
			position:"top right",
			repeat:"no-repeat"
		},
		br:{
			url: "images/rect_br.gif",
			position:"bottom right",
			repeat:"no-repeat"
		},
		bl:{
			url: "images/rect_bl.gif",
			position:"bottom left",
			repeat:"no-repeat"
		}
	});
	$("input[type=text]").uiInput({});
	var sent= false;
	$("#go_button").click(function(){
		if(sent!=true){
			if($("#nameinput").val()==""){
				$("#nameinput").focus().val("Enter a name.")
				.click(function(){
					$(this).val("").unbind("click");
				});
			}else if($("#contactinput").val()==""){
				$("#contactinput").focus().val("Enter contact info.")
				.click(function(){
					$(this).val("").unbind("click");
				});
			}else{
				$("#contact").animate({"opacity":"0.2"});
				$.ajax({
						url: 'actions.php?action=send',
						type: 'POST',
						data: "name="+$("#nameinput").val()+"&contact="+$("#contactinput").val(),
						success: function(result){
							
							if(result == "1"){
								$("#contact").fadeOut().remove();
								$("#success").fadeIn("slow");
								sent=true;
							}
						
						}//end of seccess
				});//end of ajax
			}
		}//end of if sent
	})
})