var eLC;
	var validator;
    $(document).ready(function() {

	$('#first_name').autotab({ target: 'last_name'});
	$('#last_name').autotab({ target: 'areaCode'});
		
	$('#areaCode').autotab({ target: 'prefix', format: 'numeric' });
	$('#prefix').autotab({ target: 'dnis', format: 'numeric', previous: 'area_code' });
	$('#dnis').autotab({ target: 'email', format: 'numeric' });
	$('#email').autotab({ target: 'start_now'});

	if($('#error-div').attr('value') != null || $('#error-div').attr('value') != 'undefined' || $('#error-div').attr('value') != 0)
	{
		eLC = 'error-message2'; //$('#error-div').attr('value');
	} 
	else
	{
		eLC = $( [] );
	}

	if($('#error-message3').length > 0)
	{
		eLC = 'error-message3';
	}
      	validator = $("#the_lead_form").validate({ 
		errorLabelContainer: '#'+eLC,
		wrapper: "li",
	        rules: { 
	          first_name: "required",// simple rule, converted to {required:true} 
	          last_name: "required",// simple rule, converted to {required:true}
	          email: {// compound rule 
	          	required: true, 
	          	email: true 
	          }, 
			    areaCode: {
					required: true,
					number: true,
					minlength: 3
					
				},
				dnis: {
					required: true,
					number: true,
					minlength: 4
					
				},
				prefix: {
					required: true,
					number: true,
					minlength: 3
					
				},
	        	url: { 
	          		url: true 
	        	}, 
	        	comment: { 
	          		required: false 
	        	} 
	        	}, 
	        	messages: {
					first_name: "Please enter a first name.",
					last_name: "Please enter a last name.",
					email: "Please enter a valid email.", 
	          			comment: "Please enter a comment.",
			                areaCode: "Please enter a valid area code.",
					prefix: "Please enter a valid prefix number of your phone.",
					dnis: "Please enter a valid last 4 number of your phone."
	        	} 
	      	}); 

});