// AJAX Register Form for use with jQuery
// From jQuery Forms Plugin
// Modified: CVL, WebVentures  090510,300511

$(document).ready(function() { 
    
// Sign In form
    var signIn_options = { 
        target: '#output1', // replacement target
        resetForm: true
    }; 

  $('#signIn').ajaxForm(signIn_options); 

// Partner Member-Only Sign In form
    var partner_signIn_options = { 
        target: '#partner_output', // replacement target
        resetForm: true
    }; 

  $('#partner_signIn').ajaxForm(partner_signIn_options); 

// Membership Select form, Member Maintemance only
    var nmf_options = { 
        target: '#output1', // primary replacement target
        url: '/bookshop/ajax?_next_page_=MembershipMaint',
        resetForm: true
    }; 

	$("#newMemberForm").validate({
		onkeyup: false,
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = errors == 1
					? 'You missed 1 required field. It has been highlighted below'
					: 'You missed ' + errors + ' required fields.  They have been highlighted below';
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		submitHandler: function() {
			$("div.error").hide();
      if ($('input#this_member').val() == "Use This Member") {
        $("#newMemberForm").unbind('submit');
        $("#newMemberForm").submit();
        
      } else {
        $("#newMemberForm").ajaxSubmit({
          target: '#output1', // primary replacement target
          url: '/bookshop/ajax?_next_page_=MembershipMaint'
        });
			}
 		}
 	});

	$("#membershipUpdate").validate({
		onkeyup: false,
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = ((errors == 1)
					? 'You missed 1 required field. It has been highlighted below'
					: 'You missed ' + errors + ' required fields.  They have been highlighted below');
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		submitHandler: function() {
			$("div.error").hide();
      $("#membershipUpdate").submit();        
 		},

 		rules: {
      new_user_home_phone: {
        required: "#home_pref:checked"
      },
      new_user_work_phone: {
        required: "#work_pref:checked"
      },
      new_user_mobile_phone: {
        required: "#mobile_pref:checked"
      },
			password2: {
				required: " ",
				equalTo: "Please enter the same password as above"	
			}
    }, 

		messages: {
      new_user_home_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_work_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_mobile_phone: {
        required: "Preferred Contact Number Required."
      }
		}
	});

  // New Customer Sign Up form
  var email_found = '<p id="signin_greeting" class="large">This email address is on file either because you ' +
    'have registered previously or because you are a Co-op member. ' +
    'Please Sign In here or use the Forgot Password link.</p>';

	$("#profileForm").validate({
		onkeyup: false,
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = ((errors == 1)
					? 'You missed 1 required field. It has been highlighted below'
					: 'You missed ' + errors + ' required fields.  They have been highlighted below');
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		submitHandler: function() {
			$("div.error").hide();
      if ($("#step").val() == "complete") {
        $("#profileForm").unbind('submit');
        if (!$("#profileForm").beenSubmitted) {
          $("#profileForm").beenSubmitted = true;
	      clearButton();
	      setTimeout("$('#profileForm').submit()",3000);
        }
        
      } else {
	    clearButton();
        $("#profileForm").ajaxSubmit({
          target: "#output2",       // form extension replacement
          url: "/bookshop/ajax?_next_page_=CustomerAjaxRegister"
        });
			}
 		},

 		rules: {
      new_user_home_phone: {
        required: "#home_pref:checked"
      },
      new_user_work_phone: {
        required: "#work_pref:checked"
      },
      new_user_mobile_phone: {
        required: "#mobile_pref:checked"
      }
    }, 

		messages: {
      new_user_home_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_work_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_mobile_phone: {
        required: "Preferred Contact Number Required."
      },
			password2: {
				required: " ",
				equalTo: "Please enter the same password as above"	
			},
			new_user_email: {
        required: " ",
        email: "Please enter a valid email address",
        remote: function() {
          $("#signin_greeting").replaceWith(email_found);
          $("#cust_email").val($("input[name=new_user_email]").val()); // prefill modal form
          $("#modalSigninWindow").show();
        }
      },
      new_user_email2: {
        required: " ",
        email: "Please enter a valid email address",
        equalTo: "Please enter the same email as above"
      },
			member_number: {
          remote: jQuery.validator.format('<div class="clear"></div><div id="member_claimed" class="emailerror">' +
          '<br /><br /><img src="/page_images/warning_exclaim_mild.gif" alt="Warning!" width="24" height="24" style="float:left; margin: -5px 10px 0px 0px;" />' +
          'We don\'t have a record of this member number.  Please check your Membership Card and if this is the number please contact the Webhelp team for assistance.' +
          '<div class="clear"></div><br />'),
          maxlength: "Your member number is 7 long, including any leading zeros"
      } 
		}
	});


	$("#updateForm").validate({
		onkeyup: false,
		invalidHandler: function(e, validator) {
			var errors = validator.numberOfInvalids();
			if (errors) {
				var message = ((errors == 1)
					? 'You missed 1 required field. It has been highlighted below'
					: 'You missed ' + errors + ' required fields.  They have been highlighted below');
				$("div.error span").html(message);
				$("div.error").show();
			} else {
				$("div.error").hide();
			}
		},
		submitHandler: function() {
			$("div.error").hide();
      $("#updateForm").submit();        
 		},

 		rules: {
      new_user_home_phone: {
        required: "#home_pref:checked"
      },
      new_user_work_phone: {
        required: "#work_pref:checked"
      },
      new_user_mobile_phone: {
        required: "#mobile_pref:checked"
      }
    }, 

		messages: {
      new_user_home_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_work_phone: {
        required: "Preferred Contact Number Required."
      },
      new_user_mobile_phone: {
        required: "Preferred Contact Number Required."
      },
			new_user_email: {
          required: " ",
          email: "Please enter a valid email address"
      },
      new_user_email2: {
        required: " ",
        email: "Please enter a valid email address",
        equalTo: "Please enter the same email as above",
        remote: function() {
          $("#signin_greeting").replaceWith(email_found);
          $("#cust_email").val($("input[name=new_user_email2]").val()); // prefill modal form
          $("#modalSigninWindow").show();
          // need to set next page as home page or checkout
        }
      }
		}
	});

	
  jQuery.validator.addMethod("password", function( value, element ) {
		var result = this.optional(element) || value.length >= 6 && /\d/.test(value) && /[a-z]/i.test(value);
		if (!result) {
			element.value = "";
			var validator = this;
			setTimeout(function() {
				validator.blockFocusCleanup = true;
				element.focus();
				validator.blockFocusCleanup = false;
			}, 1);
		}
		return result;
	}, "Your password must be at least 6 characters long and contain at least one number and one letter.");

  jQuery.validator.addMethod("postcode", function(postcode, element) {
    return this.optional(element) || AU_PostcodeCheck();    // checks for non-AU
  }, "Please specify a valid postcode matching the state.");
  
  jQuery.validator.addMethod("state", function(state, element) {
      return this.optional(element) || AU_PostcodeCheck();    // checks for non-AU
  }, "Please specify the state matching a valid postcode.");

	
	jQuery.validator.messages.required = "";
	
	
  $("#home_pref").click(function() {
    $("#home_phone").valid();
  });
  $("#work_pref").click(function() {
    $("#work_phone").valid();
  });
  $("#mobile_pref").click(function() {
    $("#mobile_phone").valid();
  });
	
  $(".resize").vjustify();
  $("div.buttonSubmit").hoverClass("buttonSubmitHover");

  if ($.browser.safari) {
    $("body").addClass("safari");
  }
  
  // state select listbox
  var AU_state = 
    '<select class="formbox short flL" id="state" name="new_user_state" tabindex="12">' +
    '<option selected="selected" value="">Select Your State</option>' +
    '<option value="ACT">Australian Capital Territory</option>' +
    '<option value="NSW">New South Wales</option>' +
    '<option value="NT">Northern Territory</option>' +
    '<option value="QLD">Queensland</option>' +
    '<option value="SA">South Australia</option>' +
    '<option value="TAS">Tasmania</option>' +
    '<option value="VIC">Victoria</option>' +
    '<option value="WA">Western Australia</option>' +
    '</select>';
  var INT_state = 
    '<input class="formbox short flL" id="state" type="text" name="new_user_state" value="" tabindex="12" onkeyup="checkLength(this, 20);" />';
	var AU_phone_msg = '<span class="phone_msg">&nbsp;<small>Please include Area Code</small></span>';
	var INT_phone_msg = '<span class="phone_msg">&nbsp;<small>Please include Country and Area Codes</small></span>';
	var mandatory = '<span class="req large marker">*</span>';
	var non_mandatory = '<span class="large marker">&nbsp;</span>';

  /* set a default of AU */
  if ($('select#country_code').val() == "AU") {
    $("input.phone").mask("(99) 9999 9999");  /* AU style */
    $(".phone_msg").replaceWith(AU_phone_msg);
    $("input.mobile").mask("9999 999 999");  /* AU style */
    $("input.postcode").mask("9999");         /* AU style */
    $("#state").replaceWith(AU_state);                                                                                                              
    $('#state').val($('#cust_state').val()).attr('selected', 'selected');
    $('input#postcode').rules("add", {required: true});
    $('marker').replaceWith(mandatory);
  } 

  /* change mask formats and required fields if International */
  $('select#country_code').change( function() {
    if ($('select#country_code').val() == "AU") {
      $("input.phone").mask("(99) 9999 9999");  /* AU style */
      $(".phone_msg").replaceWith(AU_phone_msg);
      $("input.mobile").mask("9999 999 999");   /* AU style */
      $("input.postcode").mask("9999");         /* AU style */
      $("#state").replaceWith(AU_state);
      $('#state').val($('#cust_state').val()).attr('selected', 'selected');
      $("input.postcode").rules("add", {required: true});
      $('.marker').replaceWith(mandatory);

    } else {
      $("input.phone").unmask();            /* no style */
      $(".phone_msg").replaceWith(INT_phone_msg);
      $("input.mobile").unmask();           /* no style */
      $("input.postcode").unmask();         /* no style */
      $("#state").replaceWith(INT_state);
      $('#state').val($('#cust_state').val());
      $("input.postcode").rules("add", {required: false});
      $('.marker').replaceWith(non_mandatory);
    }
  });

  
  function AU_PostcodeCheck() {
    if ($('select#country_code').val() != "AU") return true;
    // Note the leading zero [e.g. 0299] was removed and values are couplets of min and max
    var NSW = [1000, 1999, 2000, 2599, 2619, 2898, 2921, 2999];
    var ACT = [200, 299, 2600, 2618, 2900, 2920];
    var VIC = [3000, 3999, 8000, 8999];
    var TAS = [7000, 7799, 7800, 7999];                                                                 
    var QLD = [4000, 4999, 9000, 9999];
    var SA  = [5000, 5799, 5800, 5999];
    var WA  = [6000, 6797, 6800, 6999];
    var NT  = [800, 899, 900, 999];
    var states = [NSW, ACT, VIC, TAS, QLD, SA, WA, NT];
    var state_abrev = ["NSW", "ACT", "VIC", "TAS", "QLD", "SA", "WA", "NT"];   // NB not alphabetical
    var postcode;
    
    if ($("#postcode").val().charAt(0) == '0') {
      postcode = parseInt($("#postcode").val().substring(1,4));    // drops first leading zeros
    } else {
      postcode = parseInt($("#postcode").val());
    }
    for (i = 0; i < states.length; i++) {
      for (j = 0; j < (states[i].length-1); j++) {
        if (postcode >= states[i][j] && postcode <= states[i][j+1]) {
          if ($("#state").val().toUpperCase() == state_abrev[i]) {
            return true;
          }                                                                                              
        }
        j++;  // work in pairs of range values so double increment
      }
    }
    return false;
  };
  
  

  });

$.fn.vjustify = function() {
    var maxHeight=0;
    $(".resize").css("height","auto");
    this.each(function(){
        if (this.offsetHeight > maxHeight) {
          maxHeight = this.offsetHeight;
        }
    });
    this.each(function(){
        $(this).height(maxHeight);
        if (this.offsetHeight > maxHeight) {
            $(this).height((maxHeight-(this.offsetHeight-maxHeight)));
        }
    });
};



$.fn.hoverClass = function(classname) {
	return this.hover(function() {
		$(this).addClass(classname);
	}, function() {
		$(this).removeClass(classname);
	});
};