$(document).ready(function() {
	var validator = $('#signInForm').validate({
		// rules
		rules: {
			username: {
				required: true,
				email: true
			},
		
			password: {
				required: true,
				minlength: 6
			}
		},
	
		// messages
		messages: {
			username: {
				required: 'email field cannot be left blank',
				email: 'please enter a valid email address'
			},
		
			password: {
				required: 'password field cannot be left blank',
				rangelength: jQuery.format('please enter at least {0} characters')
			}
		},
		
		event: 'submit',
		
		// error
		errorClass: 'formErrorClass',
		errorElement: 'span',
		errorLabelContainer: $('.formErrorDisplay_signin'),
		errorPlacement: function(error,element){
			error.appendTo(element.parents().filter('.popBody'));
		},
		highlight: function(element, errorClass) {
			$(element).addClass(errorClass);
			$(element.form).find('label[for=' + element.id + ']').addClass(errorClass);
		},
		unhighlight: function(element, errorClass) {
			$(element).removeClass(errorClass);
			$(element.form).find('label[for=' + element.id + ']').removeClass(errorClass);
		}
	});

});