//-----------------------------------------------------------------
// Licensed Materials - Property of IBM
//
// WebSphere Commerce
//
// (C) Copyright IBM Corp. 2006, 2008 All Rights Reserved.
//
// US Government Users Restricted Rights - Use, duplication or
// disclosure restricted by GSA ADP Schedule Contract with
// IBM Corp.
//-----------------------------------------------------------------

/** 
 * @fileOverview This javascript is used by AddressBookForm.jsp,AjaxAddressBookForm.jsp and UnregisteredCheckout.jsp.
 * @version 1.0
 */

 /* Import dojo classes */
dojo.require("wc.render.RefreshController");
dojo.require("wc.render.Context");
dojo.require("wc.widget.RefreshArea");

dojo.addOnLoad(function(){
	/* Make sure there is always a render context. */
	if(!wc.render.getContextById("default")){
		wc.render.declareContext("default", {}, "");
	}
	
	/*Declare all the refresh controllers required for address book. */
	AddressBookFormJS.declareRefreshController("addressDisplayAreaController",  "addressDisplayAreaAction", "AjaxAddressBookForm");
	AddressBookFormJS.declareRefreshController("addressFormAreaController", "addressFormAreaAction", "AjaxAccountAddressForm");
	AddressBookFormJS.declareRefreshController("billing_statesDisplayAreaController", "statesDisplayAreaAction", "AjaxAddressStatesDisplay");
	AddressBookFormJS.declareRefreshController("shipping_statesDisplayAreaController", "statesDisplayAreaAction", "AjaxAddressStatesDisplay");
});

/**
 *  The functions defined in this class enable the customer to maintain an address book. 
 *	@class The AddressBookFormJS class defines all the functions and variables to update an address book. The customer can add or
 *  remove an address form the address book. The fields that can be entered while creating an address are first name, last name, 
 *  street address, city, country/region, state/province, ZIP/postal code, phone number, e-mail address.
 */

AddressBookFormJS = {
	/* The common parameters used in service calls. */
		langId: "-1",
		storeId: "",
		catalogId: "",
	/* flag set on address delete which is used to display the success message. */ 
		addressDeleted: "false",
	/* flag set on creation of new address which is used to display the success message. */ 
		addressNew: "false",
	/* flag set on update of address which is used to display the success message. */ 
		addressUpdated: "false",		
	/* variable set on address update which is used to display the success message. */  
		pageVar: "",
	
	/**
	 * This function initializes common parameters used in all service calls.
	 * @param {int} langId The language id to use.
	 * @param {int} storeId The store id to use.
	 * @param {int} catalogId The catalog id to use.
	 */

		setCommonParameters:function(langId,storeId,catalogId){
			this.langId = langId;
			this.storeId = storeId;
			this.catalogId = catalogId;
		},
	/**
	 * This function returns the handler for the refresh controller corresponding to the action.
	 * @param {string} handlerKey The key of the handler.
	 * @param {string} actionName The name of the action to be performed.
	 * 
	 * @return function handler.
	 */
	getControllerActionHandler: function(handlerKey, actionName){
		console.debug("entering getControllerActionHandler(controller, handlerKey, actionName): "+actionName);
		var handler = AddressBookFormJS[actionName+'s'][handlerKey];
		if(handler){
			return function(message, widget, controller){
				handler(message, widget, controller);	
				
			}
		}else{
			return function(message, widget, controller){
				console.debug("empty handler. This is a no-op");	
			}	
		}	
	}, 
	
	/**
	 *  This function declares a refresh area controller that has the given controller ID, and optionally a url.
	 *  This function will declare a refreshArea controller if and only no controller with the same controller ID exits yet.
	 *	The declared controller is designed to handle address specific tasks. If user passes a "url" parameter when updating context, 
	 *  it will replace the value of its own "url" parameter to the one given by the user. It also calls functions based on the value of the given
	 *	property actionName. For example, if the given actionName is "action", it will look up a function registered in AddressBookFormJS.actions using
	 *  the value of the property "action" in render context as the key.
	 *	@param {string} controllerId The ID of the controller that is going to be declared.
	 *	@param {string} actionName The name that identifies this controller's behaviors. It is best described by an example. Say, we declare a controller 
	 *  whose actionName is AddressFormAreaAction, then the handler of renderContextChanged event of this declared controller will look up the value 
     * 	that is corresponding to AddressFormAreaAction in the render context. Once the value is found, the controller will use the value to look up the registered function in 
	 *	the associative array AddressBookFormJS.AddressFormAreaActions (note plural is used for the associative array). If a function is found, the found function 
	 *	will be called. The signature of found function should be function(message, widget, controller), where message and widget is as defined for the controller's 
	 *	rendercontextChangedHandler, and controller is the declared context. We normally implement the logic of updating refreshed area in the found functions. 
	 *  param {string} defaultURL The url this controller used for getting data from server. It will be set to controller.url.
	 */
	declareRefreshController: function(controllerId, actionName, defaultURL){
		 
		console.debug("entering AddressBookFormJS.declareRefreshController with action name = "+actionName+" and controller id = "+controllerId);
		if(wc.render.getRefreshControllerById(controllerId)){
			console.debug("controller with id = "+controllerId+" already exists. No declaration will be done");
			return;
		}
		wc.render.declareRefreshController({
			id: controllerId, 
			renderContext: wc.render.getContextById("default"),
			url: defaultURL,
			renderContextChangedHandler: function(message, widget) {
				console.debug("entering renderContextChangedHandler for "+controllerId);
			
				var controller = this;
				var renderContext = this.renderContext;
				
				if(!Common.getRenderContextProperty(renderContext, actionName)){
					console.debug("no "+actionName+" is specified. This handler will not be called. Exiting...");
					return;	
				}
				
				if(Common.getRenderContextProperty(renderContext, "url")){
					controller.url = Common.getRenderContextProperty(renderContext, "url");
				}
				
				AddressBookFormJS.getControllerActionHandler(Common.getRenderContextProperty(renderContext, actionName), actionName)(message, widget, controller);
				
				
				delete renderContext.properties[actionName];
				delete renderContext.properties["url"];
			}, 
			
			modelChangedHandler: function(message, widget){
				
				AddressBookFormJS.getControllerActionHandler("handleModelChange", actionName)(message, widget, this);
				
				cursor_clear();
			}
		});
	}, 
	
	/**
	 *  This defines function registries for handling address forms. We register functions that handle different operations
	 *	on address forms. The key of each function will be the value of the property "addressFormAreaAction" in render context. 
	 *  Each function takes three parameters: message, widget, and controller. The parameters message and widget are the same as those for
	 *	a controller's renderContextChangedHandler(). The parameter controller is the controller that will call this function.
	 */
	addressFormAreaActions: { 
		/* The function that loads an empty address for for creating new address. */
		create: function(message, widget, controller){
			widget.refresh(controller.renderContext.properties);
			controller.renderContext.properties['addressFormAreaState'] = 'create';
		}, 	
		
		/* The function that loads an address form that contains the information of currently displayed address, so that the
		 * address can be edited.
		 */
		edit: function(message, widget, controller){
			console.debug("starting to getting editing area");
			widget.refresh(controller.renderContext.properties);
			controller.renderContext.properties['addressFormAreaState'] = 'edit';
		}, 

		/* Destroy the address forms that are handled by this controller. */
		clean: function(message, widget, controller){
			widget.setInnerHTML("");	
			controller.renderContext.properties['addressFormAreaState'] = 'clean';
		},

		/* This function behaves same as {@link clean} function. */ 
		handleModelChange: function(message, widget, controller){
			widget.setInnerHTML("");
			controller.renderContext.properties['addressFormAreaState'] = 'clean';
		}
			
	}, 
	
	/*
	 * This defines function registries handling address display.The registered functions handle operations on 
     * the refresh area that displays user addresses.Each function takes three parameters: message, widget, and controller.
	 *
	 * @see AddressBookFormJS.addressFormAreaActions
	 */
	addressDisplayAreaActions: {
		
		/* This function reloads the refresh areas that display user addresses. */
		reload: function(message, widget, controller){
			console.debug("reloading "+widget);
			widget.refresh(controller.renderContext.properties);
		},
		
		/* This function behaves similar to {@link reload} function. */
		handleModelChange: function(message, widget, controller){
			console.debug("reloading "+widget);
			widget.refresh(controller.renderContext.properties);
		}
	}, 
	
	/*
	 * This defines function registries for handling the display of states and province. The registered functions displays states upon changes made 
	 * in address country. Each function takes three parameters: message, widget, and controller.
	 */
	statesDisplayAreaActions: {
		 
		/* This function  refreshes the area that displays states/provinces corresponding to the updated country */
		countryUpdated: function(message, widget, controller){
			console.debug("IN countryUpdated handler: message = "+message);
			
			var paramPrefix = controller.renderContext.properties['paramPrefix'];
			if(widget.widgetId.match(paramPrefix)){
				console.debug("matchin paramPrefix: "+paramPrefix+" refreshing "+widget.widgetId);
				
				widget.refresh(controller.renderContext.properties);	
			}else{
				console.debug("no maching paramPrefix "+paramPrefix);
			}
			
		}
		
	}, 
	
	/**
	 *  This function displays the address that has the selected address Id, and hides all the other addresses.
	 *  This function is supposed to be called when an addressId is selected from an HTML form selection control. 
	 *	This function makes a few assumptions. It assumes each ddress is displayed in the same way. Each chunk 
	 *	of address information has the same class, tableClass. It also assumes the area that displays
	 *	an address has an ID in the form of <tableIdPrefix><addressId>.
	 *  @param {DomNode} selection The DomNode of a form selection. This node contains selected addressId.
	 *  @param {string} tableClass The class of the table that contains an address.
	 *  @param {string} tableIdPrefix The prefix of the Id of each address table.
	 */
	toggleAddressDisplay: function(selection, tableClass, tableIdPrefix){
		console.debug('toggle address display');
		var selectedAddressId = selection.options[selection.selectedIndex].value;
			dojo.forEach(dojo.query("."+tableClass), function(div){
			var tableId = tableIdPrefix+selectedAddressId;
			if(div.id == tableId && selectedAddressId != "MyBillingAddress"){
				div.style.display="block";	
			}else{
				div.style.display="none";
			}
		});
	}, 
	
	/**
	 * This function behaves as a wrapper that updates the default render context with the given parameters.
	 * @param {array} params The parameters passed to update the default render context.
	 */

	updateAddressArea: function(params){ 
		console.debug("to update with params: "+params);
		wc.render.updateContext("default", params);
		console.debug("updateArea done");
	}, 

	
	/**
	 * This function updates an address in the address book when 'AjaxMyAccount' option is enabled in the change flow option for the store.
	 * This function takes a form containing the address information and invokes 'updateAddressBook' service. 
	 * After the address is updated, this function will refresh the address
	 * display area using the given URL.
     * @param {string} formName The name of the form containing the address information. 
	 * @param {string} addressDisplayURL The url used to refresh address display.
	 */
	updateAddress: function(formName,addressDisplayURL){

		var form = document.forms[formName];
		reWhightSpace = new RegExp(/^\s+$/);
//		var errors = this.validateForm(form);
		var errors = new AddressHelper.validateAddressForm(form);
		if(dojo.byId('addressbook_title_div').style.display == 'none') {
			form.addressbook_title.value='';
		}
		else{
			var prsnTitle = trim(form['personTitle'].value);
			if(prsnTitle == "" || reWhiteSpace.test(prsnTitle)){ 
				errors[MessageHelper.messages["ERROR_titleEmpty"]]=form.personTitle.id;
			}
		}
		if(dojo.byId('addressbook_address_1_div').style.display == 'none') {
			form.address1.value='';
			form.address2.value='';
			
			form.oldAddress1.value='';
			form.oldAddress2.value='';
		}
		else{
			var addr1Val = trim(form['address1'].value);
			var addr2Val = trim(form['address2'].value);
			if(addr1Val == "" || reWhightSpace.test(addr1Val)){
				errors[MessageHelper.messages["ERROR_AddressEmpty"]]=form.address1.id;
			}
			else if(!MessageHelper.isValidUTF8length(addr1Val, 50)){
				errors[MessageHelper.messages["ERROR_AddressTooLong"]]=form.address1.id;
			}
			else if(!MessageHelper.isValidUTF8length(addr2Val, 50)){
				errors[MessageHelper.messages["ERROR_AddressTooLong"]]=form.address1.id;
			}
		}
		if(dojo.byId('addressbook_suburb_div').style.display == 'none') {
			form.city.value='';
			form.oldCity.value='';
		}
		if(dojo.byId('addressbook_country_div').style.display == 'none') {
			form.country.value='';
			form.oldCountry.value='';
		}
		if(dojo.byId('addressbook_alternate_phone_prefix_div').style.display == 'none') {
			form.phone2.value='';
		}
		if(dojo.byId('addressbook_postcode_div').style.display == 'none') {
			form.zipCode.value='';
			form.oldZipCode.value='';
		}
		else{
			var zipCodeVal = trim(form['zipCode'].value);
			if(zipCodeVal == "" || reWhightSpace.test(zipCodeVal)){
				errors[MessageHelper.messages["ERROR_ZipCodeEmpty"]]=form.zipCode.id;
			}
			else if(!MessageHelper.isValidUTF8length(form['zipCode'].value, 40)){ 
				errors[MessageHelper.messages["ERROR_ZipCodeTooLong"]]=form.zipCode.id;
			}
			else if(!MessageHelper.IsNumeric(form['zipCode'].value, false)){
		 		errors[MessageHelper.messages["TGG_POSTCODE_INVALID"]]=form.zipCode.id;
			}
		}
		if(trim(form.phone2.value)!=""){
			if(!MessageHelper.isValidUTF8length(form.phone2.value, 32)){ 
				errors[MessageHelper.messages["ERROR_AlternatePhoneTooLong"]]= form.phone2.id;
			}
			else if(!MessageHelper.IsValidPhone(form.phone2.value)){
				errors[MessageHelper.messages["ERROR_ALTERNATEINVALIDPHONE"]]= form.phone2.id;
			}
		}
		for (var i=0; i<form.sbAddress.length; i++)  {
			if (form.sbAddress[i].checked)  {
				form.addressType.value=form.sbAddress[i].value;
			} 

		}
		if(form.addressType.value == "")
		{
			MessageHelper.displayErrorMessage(MessageHelper.messages["AB_SELECT_ADDRTYPE"]);
			return;
		}
		/*Validate the form input fields. */
		var count = 0;
		var errArr = new Array();
		var idArr = new Array();
		var firstElem = null;
		
		Util.hidePageErrorMsgs();
		
		for(i in errors) {
			errArr.push(i);
			if(errArr.length ==1) {
				firstElem = errors[i];
			}
			//idArr.push(errors[i]);
			count++;
			dojo.addClass(errors[i], "fn_valid_mandatory error");
			if(errors[i] == form.address1.id){
				dojo.addClass(form.address2.id, "fn_valid_mandatory error");
				errors[i] = 'streetAddrDiv';
			}
			if(errors[i] == form.nickName.id){
				errors[i] = 'nickDiv';
			}
			var errorDiv = dojo.create("div",{innerHTML:i},errors[i],"after");
			dojo.attr(errorDiv, {"class": "inlineError"});
		}
		if(count>0) {
			dojo.byId(firstElem).focus();
			return;
		}
		
		console.debug("creating with form id = "+formName+" and  address display url is: "+addressDisplayURL);
		dojo.require("wc.service.common");
		wc.service.declare({
			id: "updateAddressBook",
			actionId: "updateAddressBook",
			url: "AjaxPersonChangeServiceAddressAdd",
			formId: formName,
			successHandler: function(serviceResponse) {
				AddressBookFormJS.pageVar='addressbook';
				AddressBookFormJS.addressUpdated = 'true';
				cursor_clear();					
			},
			failureHandler: function(serviceResponse) {
				//MessageHelper.displayErrorMessage(serviceResponse.errorMessageKey);
				if(serviceResponse){
					 Util.hideOverlay('addressWrapper'); 
					 Util.hideOverlay('overlayBackground');
					 if (serviceResponse.errorMessage) {
					 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
						var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
							dojo.attr(innerDiv, {"id": "errorsInner",
																	 "tabindex": "1"});
					
						var ul = dojo.create("ul", null, "errorsInner");
					
						dojo.create("li", { innerHTML: serviceResponse.errorMessage }, ul);
						dojo.byId("errorsInner").focus();
						
					 
						//MessageHelper.displayErrorMessage(serviceResponse.errorMessage);
					} else {
						if (serviceResponse.errorMessageKey) {
						 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
							var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
							dojo.attr(innerDiv, {"id": "errorsInner",
																	 "tabindex": "1"});
					
							var ul = dojo.create("ul", null, "errorsInner");
							
							dojo.create("li", { innerHTML: serviceResponse.errorMessageKey }, ul);
							dojo.byId("errorsInner").focus();
							//MessageHelper.displayErrorMessage(serviceResponse.errorMessageKey);
						}
					}
				}
				cursor_clear();
			}

		});
		
		/*For Handling multiple clicks. */
		//if(!submitRequest()){
			//return;
		//}
		
		if(form.oldAddress1.value == form.address1.value && form.oldAddress2.value == form.address2.value && form.oldZipCode.value == form.zipCode.value
							&& form.oldCity.value == form.city.value && form.oldCountry.value == form.country.value){
			cursor_wait();
			wc.service.invoke("updateAddressBook");
		}else{   			
			cursor_wait();
			var params = [];
			params["address1"] = dojo.trim(form.address1.value);
			params["address2"] = dojo.trim(form.address2.value);
			params["suburb"] = dojo.trim(form.city.value);
			params["postcode"] = dojo.trim(form.zipCode.value);
			params["country"] = dojo.trim(form.country.value);
			MyAccountUtil.validateAddressByQAS("AjaxQASAddressValidate",params,"address_Form","AddressBook","updateAddressBook");			
		}
	},
		
	/**
	* This function is used to load the value of the controller URL.
	* @param {string} contentURL  the value of the controller URL.
	*/
	loadContentURL:function(addressId, contentURL){
		cursor_wait();
		CommonControllersDeclarationJS.setControllerURL('addressBookController',contentURL);		
		wc.render.updateContext("addressBookContext", {'addressId':addressId,'type':'edit'});
	},


	/*
	 * This function creates a new address in the address book when 'AjaxMyAccount' option is enabled in the change flow option for the store.
	 * This function takes a form containing the address information and invokes 'updateAddress' service.
	 * After the address is created, this function will refresh the address display area using the given URL.
	 * @param {string} formName The name of the form containing the address information. 
	 * @param {string} addressDisplayURL The url used to refresh address display.
	 */

	newUpdateAddressBook: function(formName,addressDisplayURL){
		
		var form = document.forms[formName];
		reWhightSpace = new RegExp(/^\s+$/);
		var errors = this.validateForm(form);
		if(dojo.byId('addressbook_title_div').style.display == 'none') {
			form.addressbook_title.value='';
		}
		else{
			var prsnTitle = trim(form['personTitle'].value);
			if(prsnTitle == "" || reWhiteSpace.test(prsnTitle)){ 
				errors[MessageHelper.messages["ERROR_titleEmpty"]]=form.personTitle.id;
			}
		}
		if(dojo.byId('addressbook_address_1_div').style.display == 'none') {
			form.address1.value='';
			form.address2.value='';
		}
		else{
			var addr1Val = trim(form['address1'].value);
			var addr2Val = trim(form['address2'].value);
			if(addr1Val == "" || reWhightSpace.test(addr1Val)){
				errors[MessageHelper.messages["ERROR_AddressEmpty"]]=form.address1.id;
			}
			else if(!MessageHelper.isValidUTF8length(addr1Val, 50)){
				errors[MessageHelper.messages["ERROR_AddressTooLong"]]=form.address1.id;
			}
			else if(!MessageHelper.isValidUTF8length(addr2Val, 50)){
				errors[MessageHelper.messages["ERROR_AddressTooLong"]]=form.address1.id;
			}
		}
		if(dojo.byId('addressbook_suburb_div').style.display == 'none') {
			form.city.value='';
		}
		if(dojo.byId('addressbook_country_div').style.display == 'none') {
			form.country.value='';
		}
		if(dojo.byId('addressbook_alternate_phone_prefix_div').style.display == 'none') {
			form.phone2.value='';
		}
		if(dojo.byId('addressbook_postcode_div').style.display == 'none') {
			form.zipCode.value='';
		}
		else{
			var zipCodeVal = trim(form['zipCode'].value);
			if(zipCodeVal == "" || reWhightSpace.test(zipCodeVal)){
				errors[MessageHelper.messages["ERROR_ZipCodeEmpty"]]=form.zipCode.id;
			}
			else if(!MessageHelper.isValidUTF8length(form['zipCode'].value, 40)){ 
				errors[MessageHelper.messages["ERROR_ZipCodeTooLong"]]=form.zipCode.id;
			}
		}
		if(trim(form.phone2.value)!=""){
			if(!MessageHelper.isValidUTF8length(form.phone2.value, 32)){ 
				errors[MessageHelper.messages["ERROR_AlternatePhoneTooLong"]]= form.phone2.id;
			}
			else if(!MessageHelper.IsValidPhone(form.phone2.value)){
				errors[MessageHelper.messages["ERROR_ALTERNATEINVALIDPHONE"]]= form.phone2.id;
			}
		}
		for (var i=0; i<form.sbAddress.length; i++)  {
			if (form.sbAddress[i].checked)  {
				form.addressType.value=form.sbAddress[i].value;
			} 

		}
		if(form.addressType.value == "")
		{
			MessageHelper.displayErrorMessage(MessageHelper.messages["AB_SELECT_ADDRTYPE"]);
			return;
		}
		/*Validate the form input fields. */
		var count = 0;
		var errArr = new Array();
		var idArr = new Array();
		var firstElem = null;
		
		Util.hidePageErrorMsgs();
		
		for(i in errors) {
			errArr.push(i);
			if(errArr.length ==1) {
				firstElem = errors[i];
			}
			//idArr.push(errors[i]);
			count++;
			dojo.addClass(errors[i], "fn_valid_mandatory error");
			if(errors[i] == form.address1.id){
				dojo.addClass(form.address2.id, "fn_valid_mandatory error");
				errors[i] = 'streetAddrDiv';
			}
			if(errors[i] == form.nickName.id){
				errors[i] = 'nickDiv';
			}
			var errorDiv = dojo.create("div",{innerHTML:i},errors[i],"after");
			dojo.attr(errorDiv, {"class": "inlineError"});
		}
		if(count>0) {
			dojo.byId(firstElem).focus();
			return;
		}
		
		console.debug("creating with form id = "+formName+" and  address display url is: "+addressDisplayURL);
		dojo.require("wc.service.common");
		wc.service.declare({
			id: "updateAddress",
			actionId: "updateAddress",
			url: "AjaxPersonChangeServiceAddressAdd",
			formId: formName,
			successHandler: function(serviceResponse) {
				AddressBookFormJS.addressNew='true';
				cursor_clear();					
			},
			failureHandler: function(serviceResponse) {
				//MessageHelper.displayErrorMessage(serviceResponse.errorMessageKey);
				if(serviceResponse){
					 Util.hideOverlay('addressWrapper'); 
					 Util.hideOverlay('overlayBackground');
					 if (serviceResponse.errorMessage) {
					 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
						var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
							dojo.attr(innerDiv, {"id": "errorsInner",
																	 "tabindex": "1"});
					
						var ul = dojo.create("ul", null, "errorsInner");
					
						dojo.create("li", { innerHTML: serviceResponse.errorMessage }, ul);
						dojo.byId("errorsInner").focus();
						
					 
						//MessageHelper.displayErrorMessage(serviceResponse.errorMessage);
					} else {
						if (serviceResponse.errorMessageKey) {
						 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
							var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
							dojo.attr(innerDiv, {"id": "errorsInner",
																	 "tabindex": "1"});
					
							var ul = dojo.create("ul", null, "errorsInner");
							
							dojo.create("li", { innerHTML: serviceResponse.errorMessageKey }, ul);
							dojo.byId("errorsInner").focus();
							//MessageHelper.displayErrorMessage(serviceResponse.errorMessageKey);
						}
					}
				}
				cursor_clear();
			}

		});
		
		/*For Handling multiple clicks. */
		//if(!submitRequest()){
		//	return;
		//}   			

		var params = [];
		params["address1"] = dojo.trim(form.address1.value);
		params["address2"] = dojo.trim(form.address2.value);
		params["suburb"] = dojo.trim(form.city.value);
		params["postcode"] = dojo.trim(form.zipCode.value);
		params["country"] = dojo.trim(form.country.value);
		cursor_wait();
		MyAccountUtil.validateAddressByQAS("AjaxQASAddressValidate",params,"address_Form","AddressBook","updateAddress");				
		//wc.service.invoke("updateAddress");

	},
    
	/* 
	 * This function displays the footer for the AddNew address page. The Update button in the footer calls the function 
     * to create new address.
	 */
	showFooterNew: function(){ 
		
		hideElementById("content_footer");
		showElementById("addnew_content_footer");
	},
	
	/*
	 * This function displays the footer for the address book page. The Update button in the footer calls the function 
	 * to update the selected address.
	 */
	showFooter: function(){

		showElementById("content_footer");
		hideElementById("addnew_content_footer");
	},
    
	/*
	 * This function deletes an address from the addressbook when 'AjaxMyAccount' option is enabled in the change flow option for the store.
	 * This function deletes an address currently selected and refreshes the address display area using the specified url.
	 * @param {string} selectionName The id of the address dropdown box.
	 * @param {string} addressDeleteUrl The url used to delete the address.
	 * @param {string} addressUrl The url used to refresh the address display area.
	 */

	newDeleteAddress: function(selectionName,addressDeleteUrl,addressUrl){
		
		var addressBox = document.getElementById(selectionName);
		if(addressBox.value == addressBox.options[0].value)
		{
			//MessageHelper.formErrorHandleClient(selectionName,MessageHelper.messages["ERROR_DEFAULTADDRESS"]);
			Util.hideOverlay('addressWrapper'); 
			Util.hideOverlay('overlayBackground');
		 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
			var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
				dojo.attr(innerDiv, {"id": "errorsInner",
														 "tabindex": "1"});
		
			var ul = dojo.create("ul", null, "errorsInner");
		
			dojo.create("li", { innerHTML: MessageHelper.messages["ERROR_DEFAULTADDRESS"] }, ul);
			dojo.byId("errorsInner").focus(); 
			return;
		}
		if(addressBox.value == "")
		{
			//MessageHelper.formErrorHandleClient(selectionName,MessageHelper.messages["ERROR_SELECTADDRESS"]);
			Util.hideOverlay('addressWrapper'); 
			Util.hideOverlay('overlayBackground');
		 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
			var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
				dojo.attr(innerDiv, {"id": "errorsInner",
														 "tabindex": "1"});
		
			var ul = dojo.create("ul", null, "errorsInner");
		
			dojo.create("li", { innerHTML: MessageHelper.messages["ERROR_SELECTADDRESS"] }, ul);
			dojo.byId("errorsInner").focus();
			cursor_clear();
			return;
		}
		var params = [];
		params.storeId = this.storeId;
		params.catalogId = this.catalogId;
		params.addressId = addressBox.value;
		params.URL = addressUrl;
		dojo.require("wc.service.common");
		wc.service.declare({
			id: "AddressDelete",
			actionId: "AddressDelete",
			url: addressDeleteUrl,
			successHandler: function(serviceResponse) { 
				AddressBookFormJS.addressDeleted = "true";
				wc.render.getRefreshControllerById("MyAccountCenterLinkDisplay_Controller").url = addressUrl;
				cursor_clear();
			},
			failureHandler: function(serviceResponse) {
				//MessageHelper.displayErrorMessage(serviceResponse.errorMessageKey);
				Util.hideOverlay('addressWrapper'); 
				Util.hideOverlay('overlayBackground');
			 	dojo.create("div", {"id": "errors"}, "contentHeader", "last");
				var innerDiv = dojo.create("div",{innerHTML:"<p>The following requires your attention before proceeding:</p>"}, "errors");
					dojo.attr(innerDiv, {"id": "errorsInner",
															 "tabindex": "1"});
			
				var ul = dojo.create("ul", null, "errorsInner");
			
				dojo.create("li", { innerHTML: serviceResponse.errorMessageKey }, ul);
				dojo.byId("errorsInner").focus();
				cursor_clear();
			}

		});
		
		/*For Handling multiple clicks. */
		//if(!submitRequest()){
		//	return;
		//}   			
		cursor_wait();		
		wc.service.invoke("AddressDelete",params);
	}, 

	
	
	/*
	 * This function is used to load the details corresponding to an address selection. When the customer
	 * selects an address from the dropdown, this function displays the stored address details 
	 * corresponding to the selection.
	 * @param {string} selection The id of the address dropdown box.
	 * @param {array} addresses Array of address objects.
	 * @param {object} form The actual HTML form object containing address information.
	 */
	populateTextFields: function(selection, addresses, form){

		if(document.getElementById("adding").style.display=='block')
		{
			var hidediv = document.getElementById("adding");
			hideElementById(hidediv);
			var div = document.getElementById("normal");
			div.style.display = "block";
		}
		var selectedAddressId = selection.options[selection.selectedIndex].value;
		
		var radioButton = form.sbAddress;
		for (var i=0; i<radioButton.length; i++)  
		{
			if (radioButton[i].value == addresses[selectedAddressId].addressType)  
			{
				radioButton[i].checked = "checked";
			} 
		}
		form.nickName.value = addresses[selectedAddressId].nickName;	
		form.firstName.value = addresses[selectedAddressId].firstName;	
		form.lastName.value = addresses[selectedAddressId].lastName;	
		form.address1.value = addresses[selectedAddressId].address1;
		form.address2.value = addresses[selectedAddressId].address2;		
		form.country.value = addresses[selectedAddressId].country;	
		form.zipCode.value = addresses[selectedAddressId].zipCode;	
		form.email1.value = addresses[selectedAddressId].email1;	
		form.phone1.value = addresses[selectedAddressId].phone1;	
		form.city.value = addresses[selectedAddressId].city;	
		AddressHelper.loadStatesUI('AddressForm','','stateDiv','state');
		form.state.value = addresses[selectedAddressId].state;
		document.getElementById("addr_title").innerHTML="<h2 class='myaccount_link'>"+addresses[selectedAddressId].nickName+"</h2>";
	},
	
	/*
	 * This function displays the default customer address on load of the address book page.
	 * @param {string} selection The id of the address dropdown box.
	 * @param {array} addresses Array of address objects.
	 * @param {object} form The actual HTML form object containing address information.
	 */

	populateTextFieldsOnLoad: function(selection, addresses, form){

		var selectedAddressId = selection.options[selection.selectedIndex].value;
		
		var radioButton = form.sbAddress;
		for (var i=0; i<radioButton.length; i++)  
		{
			if (radioButton[i].value == addresses[selectedAddressId].addressType)  
			{
				radioButton[i].checked = "checked";
			} 
		}
		form.nickName.value = addresses[selectedAddressId].nickName;	
		form.firstName.value = addresses[selectedAddressId].firstName;	
		form.lastName.value = addresses[selectedAddressId].lastName;	
		form.address1.value = addresses[selectedAddressId].address1;
		form.address2.value = addresses[selectedAddressId].address2;	
		form.state.value = addresses[selectedAddressId].state;	
		form.country.value = addresses[selectedAddressId].country;	
		form.zipCode.value = addresses[selectedAddressId].zipCode;	
		form.email1.value = addresses[selectedAddressId].email1;	
		form.phone1.value = addresses[selectedAddressId].phone1;	
		form.city.value = addresses[selectedAddressId].city;	
		AddressHelper.loadStatesUI('AddressForm','','stateDiv','state');
		document.getElementById("addr_title").innerHTML="<h2 class='myaccount_link'>"+addresses[selectedAddressId].nickName+"</h2>";
	},
	
	/**
	 *  This function is used to clear the values of all the form input fields in the address book.
	 *  The function obtains each form field by id and clears its value. This is usually done after form submit.
	 */

	clearTextFields: function(){
		var nickname = document.getElementById("nickName");
		var firstname = document.getElementById("firstName");
		var lastname = document.getElementById("lastName");
		var address1 = document.getElementById("address1");
		var address2 = document.getElementById("address2");
		var state = document.getElementById("state");
		var country = document.getElementById("country");
		var zipCode = document.getElementById("zipCode");
		var email1 = document.getElementById("email1");
		var phone1 = document.getElementById("phone1");
		var city = document.getElementById("city");
		nickname.value="";
		firstname.value = "";	
		lastname.value = "";	
		address1.value = "";
		address2.value = "";	
		state.value = "";	
		country.value = "";	
		zipCode.value = "";	
		email1.value = "";	
		phone1.value = "";	
		city.value = "";	
	},
	
	/**
	 *  This function creates or updates an address when 'AjaxMyAccount' option is disabled in the change flow option for the store.
	 *  @param {object} form The actual HTML form object containing address information.
	 *  @param {boolean} suffix If the flag is set to 0,then the address is updated.If the flag is set to 1,then new address is created.
	 */
	submitForm: function(form,suffix) {

		for (var i=0; i<form.sbAddress.length; i++)  {
		if (form.sbAddress[i].checked)  {
			if(form.sbAddress[i].value == 'Shipping')
				form.addressType.value='S';
			if(form.sbAddress[i].value == 'Billing')
				form.addressType.value='B';
			if(form.sbAddress[i].value == 'ShippingAndBilling')
				form.addressType.value='SB';
		} 
		}

		if(form.addressType.value == "")
		{
			MessageHelper.displayErrorMessage(MessageHelper.messages["AB_SELECT_ADDRTYPE"]);
			return;
		}
		if(suffix){AddressHelper.setStateDivName("stateDiv1");}
		/*validate all form input fields. */
		if(this.validateForm(form)){
		if(!suffix)
		form.addressId.value = document.getElementById("addressId").value;
		
		/* For Handling multiple clicks. */
		//if(!submitRequest()){
			//return;
		//}
		
		form.submit();
		form.nickName.value="";
		form.firstName.value="";
		form.lastName.value="";
		form.address1.value="";
		form.address2.value="";
		form.city.value="";
		form.state.value="";
		form.country.value="";
		form.zipCode.value="";
		form.email1.value="";
		form.phone1.value="";
		}
	},
	
	/**
	 *  This function loads the address form when addnew button is clicked. This loads the form with all the input fields cleared. 
	 */
	showAdd: function(){
		
		var hidediv = document.getElementById("normal");
		hideElementById(hidediv);
		var div = document.getElementById("adding");
		div.style.display = "block";
	},
	
	/**
	 * This function deletes an address from the addressbook when 'AjaxMyAccount' option is disabled in the change flow option for the store.
	 * This function takes the address selection as input and submits the form for removal of the selected address.
	 * @param {string} formName The name of the form containing the address information. 
	 * @param {string} addressSelectBoxName The id of the address dropdown box. 
	 */
	removeAddress:function(formName,addressSelectBoxName){
		
		var addressBox = document.getElementById(addressSelectBoxName);
		if(addressBox.value == addressBox.options[0].value)
		{
			MessageHelper.formErrorHandleClient(addressSelectBoxName,MessageHelper.messages["ERROR_DEFAULTADDRESS"]); 
			return;
		}

		var form = document.forms[formName];
		form.addressId.value = addressBox.value;
		
		/* For Handling multiple clicks. */
		//if(!submitRequest()){
			//return;
		//}
		
		form.submit();
	},
	
	/**
	 * This function validates the form input fields.
	 * @param {object} form The actual HTML form object containing address information.
	 *
	 * @return {boolean} If validation is successful, then returns true, else returns false.
	 */

	validateForm: function(form){

		/** Uses the common validation function defined in AddressHelper class for validating first name, 
		 *  last name, street address, city, country/region, state/province, ZIP/postal code, e-mail address and phone number. 
		 */
		return(AddressHelper.validateAddressForm(form));
	},

	
	/**
	 * This function is used during Unregistered checkout and makes the Shipping address same as the Billing address.
	 * This function takes shipping and billing forms as input and copies the billing address information to the shipping address.
	 * @param {string} fromName The name of the Billing address form.
	 * @param {string} toName The name of the Shipping address form.
	 */
	copyBillingFormNew: function(fromName,toName){
		
			var form = document.forms[fromName];
			var to = document.forms[toName];
			var sameaddress = document.getElementById("SameShippingAndBillingAddress");
			if (sameaddress.checked){
				hideElementById("shippingAddressCreateEditFormDiv_1");
			
				to.firstName.value = form.firstName.value;
				to.lastName.value = form.lastName.value;
				to.address1.value = form.address1.value;
				to.address2.value = form.address2.value;
				to.city.value = form.city.value;
				if(dojo.isIE){(document.getElementById("stateDiv2").firstChild).value = (document.getElementById("stateDiv1").firstChild).value;}
				else {to.state.value = form.state.value;}
				to.zipCode.value = form.zipCode.value;
				to.country.value = form.country.value;
				to.phone1.value = form.phone1.value;
				to.email1.value = form.email1.value;
			}

			if (!sameaddress.checked){
				showElementById("shippingAddressCreateEditFormDiv_1");
				to.firstName.value = "";
				to.lastName.value = "";
				to.address1.value = "";
				to.address2.value = "";
				to.city.value = "";
				if(dojo.isIE){(document.getElementById("stateDiv2").firstChild).value= "";}
				else{to.state.value = "";}
				to.zipCode.value = "";
				to.phone1.value = "";
				to.email1.value = "";
			}	
		}

};