var phone_valid = false;
    var email_valid = false;
    $(document).ready(function(){

        $("#regform").submit(function () {
/*
*   when the form submit button is clicked
*   make sure we have valid data, so phone_valid must be true
*   country must not be "", 
*   and if country is us or ca, state must not be ""
*/
            var valid_form = true;
            var err_msg = "";
            
            if($("#first_name").val())
            {
                $("#first_name_err").text("");
            }
            else
            {
                $("#first_name_err").text("*required");
                valid_form = false;
            }
            if($("#last_name").val())
            {
                $("#last_name_err").text("");
            }
            else
            {
                $("#last_name_err").text("*required");
                valid_form = false;
            }
            if($("#title").val())
            {
                $("#title_err").text("");
            }
            else
            {
                $("#title_err").text("*required");
                valid_form = false;
            }
            $("#phone").blur(); // trigger validation even if user didn't
            if (!phone_valid)
            {
                valid_form = false;
            }
            $("#email").blur(); // trigger validation even if user didn't
            if (!email_valid)
            {
                valid_form = false;
            }
            if($("#country").val())
            {
                $("#country_err").text("");
            }
            else
            {
                valid_form = false;
                $("#country_err").text("*required");

            }
            if($("#country").val() == "US")
            if($("#states").val())
            {
                $("#state_err").text("");
            }
            else
            {
                $("#state_err").text("*required");
                valid_form = false;
            }
            if($("#country").val() == "CA")
            if($("#provinces").val())
            {
                $("#state_err").text("");
            }
            else
            {
                $("#state_err").text("*required");
                valid_form = false;
            }
            if($("#computers").val())
            {
                $("#computer_err").text("");
            }
            else
            {
                $("#computer_err").text("*required");
                valid_form = false;
            }
            if (valid_form)
            {
                return true;
            }
                return false;
        });
/*
*   when the country select changes, check the
*   country code. If it is US, show US States select
*   if it is CA, show Canada province select
*/
        $("#country").change(function () {
          if ($(this).val() == "US")
          {
              $("#states"   ).css("display","block");
              $("#provinces").css("display","none");
          }
          else if ($(this).val() == "CA")
          {
              $("#provinces").css("display","block");
              $("#states"   ).css("display","none");
          }
          else
          {
              $("#provinces").css("display","none");
              $("#states"   ).css("display","none");
          }
        });
//
//  when user removes focus from phone input
//  validate with regex.
//  regex rules are:
//  start   optional "("                                    /^\(*/
//  next    require 3 digits                                /\d{3}/
//   next    require either ")", ")space", "space" or "-"   /(\)|\)\s|\s|-)/
//  next    require 3 digits                                /\d{3}/
//  next    require either space or "-"                     /(\s|-)/
//  finally requre ending with 4 digits                     /\d{4}/$
//
        $("#phone").blur(function () {
            var phone_regex =  /^\(*\d{3}(\)|\)\s|\s|-)\d{3}(\s|-)\d{4}$/;
            if($("#country").val() !== "US" && !$("#phone").val())
            {
                // don't validate phone # if not us
                $("#phone_err").text(" ");
                phone_valid = true;
            }
            else if (phone_regex.test($(this).val()))
            {
                $("#phone_err").text(" ");
                phone_valid = true;
            }
            else
            {
                $("#phone_err").text("*invalid");
                phone_valid = false;
            }
        });
        $("#email").blur(function () {
            var email_regex =  /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/;
            if (email_regex.test($(this).val()))
            {
                $("#email_err").text(" ");
		email_valid = true;
            }
            else
            {
                $("#email_err").text("*invalid");
                email_valid = false;
            }
        });
    });

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}