// pre-submit callback 
function showRequest(formData, jqForm, options){
    var queryString = $.param(formData);
//       alert('About to submit: \n\n' + queryString); 
    return true;
}

// post-submit callback 
function showResponse(responseText, statusText){
//     alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
//     '\n\nThe output div should have already been updated with the responseText.'); 
    $("body").animate({
        scrollTop: 0
    }, "slow");
//    $("#main").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
}

$().ready(function(){
    // validate signup form on keyup and submit
    $("#UserInsert").validate({
        rules: {
            SHWNAM: "required",
            USENAM: {
                required: true,
                minlength: 2,
                remote: "check-username.php"
            },
            PWD: {
                required: true,
                minlength: 5
            },
            confirm_password: {
                required: true,
                minlength: 5,
                equalTo: "#PWD"
            },
            EMAIL: {
                required: true,
                email: true,
                remote: "check-username.php"
            },
            agree: "required",
            SEX: "required",
            DOB: "required",
            MOB: "required",
            YOB: "required"
        },
        messages: {
            SHWNAM: "Please enter your firstname",
            USENAM: {
                required: "Please enter a username",
                minlength: "Your username must consist of at least 2 characters",
                remote: "This usename already in use please choose another"
            },
            PWD: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long"
            },
            confirm_password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long",
                equalTo: "Please enter the same password as above"
            },
            EMAIL: {
                required: "Please enter a valid email address",
                remote: "This email already in use"
            },
            agree: "Please accept our policy",
            SEX: "Please select your gendar",
            DOB: "*",
            MOB: "*",
            YOB: "*"
        },
        submitHandler: function(form){
            $('#UserInsert').ajaxSubmit({
                target: '#main',
                beforeSubmit: showRequest,
                success: showResponse
            })
            
        }
    });
    
    // propose username by combining first- and lastname
});