$(document).ready(function(){

	$('.titleHintBox').inputHintBox({div:$('#shiny_box'),div_sub:'.shiny_box_body',source:'attr',attr:'title',incrementLeft:5});
	
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			firstName: "required",
			lastName: "required",
			password: {
				required: true,
				minlength: 5
			},
			confirmPassword: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true,
				remote: "assets/svc/checkemail.cfm" 
			} ,
			postalCd: {
				required: true,
				minlength: 5,
				remote: "assets/svc/checkpostal.cfm"
			} 
		},
		messages: {
			firstName: "Please enter your firstname",
			lastName: "Please enter your lastname",
			postalCd: {
				required: "Please enter your location",
				remote: jQuery.format("Sorry, Ateamo is not currently available in: <span class='errorValue'>{0}</span>  Ateamo is in private beta and will be in your area soon.")
			},
			password: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters"
			},
			confirmPassword: {
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters",
				equalTo: "Please enter the same password as above"
			},
			email: {
				required: "Please enter a valid email address",
				remote: jQuery.format("{0} is already in use.  <a href='./?event=signup&formType=signin'>If you already have an account click here to login.</a>")
			}
		}
	});
	
	

});