$(document).ready(function() {
  $('#txtUserName').focus();
  $('.display').click(function() {
    if($('#login-piece').is(":visible")) {
	    $('#login-piece').hide();
  	  $('#email-form').fadeIn();
  	  $('#user_email').focus();
    } else {
	    $('#email-form').hide();
  	  $('#login-piece').fadeIn();
  	  $('#txtUserName').focus();
    }
		return false;
	});
  $("#loginForm").validate({
    rules: {
      txtUserName: {
        required: true
      },
      txtPassword: {
        required: true
      }
    },
    messages: {
      txtUserName: {
        required: "Please enter a valid email address",
        email: true
      },
      txtPassword: {
        required: "Please provide a password"
      }
    }
  });
  $("#emailForm").validate({
    rules: {
      user_email: {
        required: true,
        email: true
      }
    },
    messages: {
      user_email: "Please enter a valid email address"
    }
  });	
});