/**
 * get another jumble image from the server.
*/
function refreshImage(id) {
	img = document.getElementById(id);
	img.src="./JumbleImage.php?rand=" + Math.random();
	return false;
}


$(document).ready(function() {
	$('form').each(function(){
		$(this).validate({
			rules: {
				jumbleCode: {
					required: true,
					remote: "JumbleImage.php",
					minlength: 5
				}
			},
			messages: {
				jumbleCode: {
					required: "Jumble letters are required.",
					remote: "Jumble letters do not match the image.",
					minlength: "Must have exactly 5 jumble letters."
				}
			}
		});
	})
});


/** add a phoneUS validator **/

jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
    phone_number = phone_number.replace(/\s+/g, "");
	return this.optional(element) || phone_number.length > 9 &&
		phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-[2-9]\d{2}-\d{4}$/);
}, "Please use the following format: xxx-xxx-xxxx");

jQuery(function($){
   //$("input.phoneUS").mask("(999) 999-9999");
   $("input.zipCode").mask("99999");
   $("input.jumble").mask("*****");
});

function showFormFields() {
	rtn = '';
	for (var i=0; i < document.forms.length; i++) {
		var form = document.forms[i];
		rtn += "form = " + form.name + "\n";
		for (var j=0; j < form.elements.length; j++) {
			var ele = form.elements[j];
			var value = ele.value;
			switch(ele.type) {
				case 'checkbox': value = "" + ele.value + " " + ele.checked;
					break;
				case 'select':
					value = '';
					for (var x=0; x < ele.options.length; x++) {
						value += ele.options[x] + " ";
					}
					break;
			}
			rtn += ele.name + " = " + value +"\n";
		}
	}
	alert(rtn);
	return false;
}

$(document).ready(function() {
	$('input.birthday').datepicker({speed:'fast',
			dateFormat: 'MM d', changeMonth: true
		});
});