$(document).ready(function() {
						   
						   	// add * to required field labels
   $('label.required').append('<span style="color: #990000; font-weight: bold">*</span>');
   $("#mailingForm").validate({
								   
        rules: 
		{
			  txtFirst: 
			 {
					required: true, 
					minlength: 3
			 }, 
			 txtLast: 
			 {
					required: true, 
					minlength: 3
			 }, 
			security_code: 
			 {
					required: true, 
					minlength: 5
			 }, 
			 txtPhone: 
			 {
					required: false, 
					minlength: 10
			 }, 
			 cboYouAre: 
			 {
			 		required: true
			 }, 
			 txtOther: 
			 {
					required: function(element) 
					{ 
						if($("#cboYouAre").val() == 'Other') 
							return true;
						else 
							return false; 
					}
     		 }, 
			 txtEmail: 
			 { // compound rule
					required: true,
					email: true
			  }
        },
        messages: 
		{
			txtFirst: "Please enter your first name ", 
			txtLast: "Please enter your last name ", 
			txtPhone: "Phone Number does not contain enough numbers", 
			security_code: "The security code you entered was invalid<br />", 
			cboYouAre: "Please select who you are", 
		  	txtEmail: "Please enter a valid email address", 
			txtOther: "Please fill in 'Other Field'"
        }
      });
    });

function display(obj, strMatch, hidDiv)
{
   txt = obj.options[obj.selectedIndex].value;
	if ( txt.match(strMatch) ) 
	{
         document.getElementById(hidDiv).style.display = 'block';
	 }
	 else 
	 	document.getElementById(hidDiv).style.display = 'none';
 }