var httpObject;
$(document).ready(function() {
	$('#firstName').focus();
	
	var validator = $("#myForm1").validate(
	{
        rules: {
			firstName: { 
		        required: true 
		    },
			lastName: { 
		        required: true 
		    },
		    email: { 
		        required: true, 
		        email: true ,
		        remote: "check_email_exist_ajax.php"
		    },
			captext: {
				remote: "check_captcha.php"
		    }
        }, 
        messages: {
        	email: { 
	            required: emailMsg, 
	            email: validEmailMessage,
            	remote: existingEmailMessage
	        },
	        firstName: { 
	            required: firstNameMsg
	        },
	        lastName: { 
	            required: surameMsg
	        },
	        captext: { 
	            required: captchaMessage,
	            remote: captchaMessage
	        }
        },
        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            if ( element.is(":radio") ) 
                error.appendTo( element.parent().next().next() ); 
            else if ( element.is(":checkbox") ) 
                error.appendTo ( element.next() ); 
            else 
            	error.appendTo( element.parent().next());
        }, 
        // specifying a submitHandler prevents the default submit, good for the demo 
        submitHandler: function() 
        {
        	
        	httpObject = getHTTPObject();
        	if (httpObject != null) 
        	{
        		document.getElementById('myForm1').submit();
        	}
        	else
        	{
        		alert('Server connection failure');
        	}
        }, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set as text for IE 
            label.html(" ").addClass("checked"); 
        } 
    }); 
});