$(initForm)

function initForm(){
	
	$("#toggle-signup").toggle(
		
		function(){$("#signup").slideDown(200)},
		function(){$("#signup").slideUp(200)}
		
		);
		
	var signedUp = ($.query.get("signup") == 1 ? true : false);
	if(signedUp){
		
		$("#signup").html("<h2>Thanks for signing up!</h2>");
		$("#signup").slideDown(400);
		
	} else {
		
		$("#mg-form").validate({errorContainer: "#error-container",
   													errorLabelContainer: "#error-container ul",
   													wrapper: "li",
														rules: {
																
																"FNAME": "required",
																"LNAME": "required",
																"EMAIL": {email: true, required: true},
																"COUNTRY": "required",
																"BIRTH_DATE.0": "required",
																"BIRTH_DATE.1": "required",
																"BIRTH_DATE.2": "required"
																
														},
														
														messages: {
															
																"FNAME": "Please enter your first name",
																"LNAME": "Please enter your last name",
																"EMAIL": "Please enter a valid email",
																"COUNTRY": "Please select your country",
																"BIRTH_DATE.0": "Please enter the day of your date of birth",
																"BIRTH_DATE.1": "Please enter the month of your date of birth",
																"BIRTH_DATE.2": "Please enter the year of your birth"
															
														},
														invalidHandler: function(){$("#error-container p.title").show()},
														validHandler: function(){$("#error-container p.title").hide()}

   });
		
	}
	
}