(function ($) {
	if (!window.REGISTRATION) {
		REGISTRATION = {};
	}
	
	// autofill email to username field
	REGISTRATION.autofill_username = {
		init: function () {
			if ($('#Registration-page').length) {
				$('#Registration_user_email').bind('blur', this.events.autofill);
			}
		},
		
		events: {
			autofill: function (event) {
				var element = $(this);
				var target = $('#Registration_user_username');
				
				if (!target.val()) {
					target.val(element.val());
				}
			}
		}
	};
	
	// ajax request to update add client sites filter
	REGISTRATION.client_site_filter = {
		init: function () {
			if ($('#RegistrationAddClientSite-page').length) {
				// ajax filter
				$('.client-site-filter').bind('submit', this.events.search);
				
				// suggest button in selected client sites
				$('.client-site-right').delegate('.suggest-client-site', 'click', this.events.suggest);
				
				$('.show-all-client-site').bind('click', this.events.show_all);
			}
		},
		
		events: {
			search: function (event) {
				// prevent filter from submitting
				event.preventDefault();
				
				var form = $(this);
				
				// check if the form is disabled - if so don't execute anything
				if (form.hasClass('disable')) {
					return false;
				}
				
				// disable the form submission
				form.addClass('disable');
				
				// send request to search method
				var data = form.serialize() + '&method%3Asearch="Search"';
				var list = $('.client-site-left .client-site-list');
				
				// loading icon
				list.addClass('loading');
				list.closest('.client-site-list-container').append('<span class="loading"></span>');
				
				AJAX.request({
					url: form.attr('action'),
					data: data,
					success: function (data, textStatus, XMLHttpRequest) {
						list.siblings('span.loading').remove();
						
						$('.client-site-left .client-site-list').replaceWith(data);
						
						// re-enable form submission
						form.removeClass('disable');
					}
				});
			},
			
			show_all: function (event) {
				var form = $('client-site-filter');
				
				// send request to search method
				var data = 'searchValue=*&method%3Asearch="Search"';
				var list = $('.client-site-left .client-site-list');
				
				// loading icon
				list.addClass('loading');
				list.closest('.client-site-list-container').append('<span class="loading"></span>');
				
				AJAX.request({
					url: form.attr('action'),
					data: data,
					success: function (data, textStatus, XMLHttpRequest) {
						list.siblings('span.loading').remove();
						
						list.replaceWith(data);
					}
				});
			},
			
			suggest: function (event) {
				// prevent filter from submitting
				event.preventDefault();
				
				var form = $('.client-site-filter');
				
				// check if the form is disabled - if so don't execute anything
				if (form.hasClass('disable')) {
					return false;
				}
				
				// disable the form submission
				form.addClass('disable');
				
				// send request to search method
				var data = {
					searchValue: '',
					'method:search': 'Search'
				};
				
				var list = $('.client-site-left .client-site-list');
				
				// loading icon
				list.addClass('loading');
				list.closest('.client-site-list-container').append('<span class="loading"></span>');
				
				AJAX.request({
					url: form.attr('action'),
					data: data,
					success: function (data, textStatus, XMLHttpRequest) {
						list.siblings('span.loading').remove();
						
						$('.client-site-left .client-site-list').replaceWith(data);
						
						// re-enable form submission
						form.removeClass('disable');
					}
				});
			}
		}
	};
	
	// request to add / remove client sites
	REGISTRATION.client_site_manage = {
		init: function () {
			if ($('#RegistrationAddClientSite-page').length) {
				// add client sites - ignore disabled to prevent multiple ajax requests
				$('.client-site-left').delegate('.client-site-list a:not(.disable) .add', 'click', this.events.add);
				
				// remove client sites - ignore disabled to prevent multiple ajax requests
				$('.client-site-right').delegate('.client-site-list a:not(.disable) .remove', 'click', this.events.remove);
				
				// info client sites
				$('.client-site-left, .client-site-right').delegate('.client-site-list .info', 'click', this.events.info);
			}
		},
		
		events: {
			add: function (event) {
				var element = $(this).closest('a');
				
				// disable client site add - remove it from delegated event list
				element.addClass('disable');
				
				var element_name = $('.name', element).text();
				
				var sites_selected_container = $('.client-site-right');
				var sites = $('.client-site-right .client-site-list');
				var list_elements = [];
				var list_names = [];
				var tmp_names;
				
				// count the number of sites selected on the contractor + 1 for the current one being moved
				var num_sites_selected = sites_selected_container.find('li:visible').length + 1;
				
				// fade element out
				element.closest('li').fadeOut(500, function () {
					// find elements and build sort list
					sites.find('a .name').each(function (key, value) {
						var element = $(value);
						
						list_elements[key] = element;
						list_names[key] = element.text();
					});
					
					// push element into sort list
					list_names.push(element_name);
					
					// sort list
					tmp_names = list_names;
					tmp_names.sort();
					
					// show selected client sites if one is added
					if (sites_selected_container.is(':hidden')) {
						$('.client-site-get-started').fadeOut(250, function () {
							sites_selected_container.fadeIn(250);
						});
					}
					
					// remove suggest if there are more than 3 client sites added
					if (num_sites_selected > 3) {
						$('.client-site-help').fadeOut(250);
					}
					
					// ajax request to save operator
					AJAX.request({
						url: 'RegistrationAddClientSite!ajaxAdd.action',
						data: {
							operator: element.attr('data-id')
						},
						success: function (data, textStatus, XMLHttpRequest) {
							// pull out index of sorted element
							var index = $.inArray(element_name, tmp_names);
							var content = element.closest('li');
							
							if ($.browser.msie) {
								var content = content.clone();
							}
							
							// update element to have remove instead of add
							content.find('.add').replaceWith($('<span class="remove btn error">- ' + translate('JS.RegistrationAddClientSite.RemoveSite') + '</span>'));
							
							// append it to dom
							if (list_elements[index] != undefined) {
								list_elements[index].closest('li').before(content);
							} else {
								sites.append(content);
							}
							
							content.show();
							
							if ($.browser.msie) {
								$('.remove', content).bind('click', REGISTRATION.client_site_manage.events.remove);
							}
							
							// re-enable client site add
							element.removeClass('disable');
						}
					});
				});
			},
			
			info: function (event) {
				var element = $(this).closest('a');
				var container = element.closest('li');
				
				container.siblings('li.inspect').removeClass('inspect');
				
				container.toggleClass('inspect');
			},
			
			remove: function (event) {
				var element = $(this).closest('a');
				
				// disable client site remove - remove it from delegated event list
				element.addClass('disable');
				
				var element_name = $('.name', element).text();
				
				var sites_selected_container = $('.client-site-right');
				var sites = $('.client-site-left .client-site-list');
				var list_elements = [];
				var list_names = [];
				var tmp_names;
				
				// count the number of sites selected on the contractor - 1 for the current one being moved
				var num_sites_selected = sites_selected_container.find('li:visible').length - 1;
				
				// fade element out
				element.closest('li').fadeOut(500, function () {
					// find elements and build sort list
					sites.find('a .name').each(function (key, value) {
						var element = $(value);
						
						list_elements[key] = element;
						list_names[key] = element.text();
					});
					
					// push element into sort list
					list_names.push(element_name);
					
					// sort list
					tmp_names = list_names;
					tmp_names.sort();
					
					// show help message if all client sites have been removed
					if (num_sites_selected < 1) {
						sites_selected_container.fadeOut(250, function () {
							$('.client-site-get-started').fadeIn(250);
						});
					}
					
					// show suggest if there are less than 4 client sites
					if (num_sites_selected < 4) {
						$('.client-site-help').fadeIn(250);
					}
					
					// ajax request to save operator
					AJAX.request({
						url: 'RegistrationAddClientSite!ajaxRemove.action',
						data: {
							operator: element.attr('data-id')
						},
						success: function (data, textStatus, XMLHttpRequest) {
							// pull out index of sorted element
							var index = $.inArray(element_name, tmp_names);
							var content = element.closest('li');
							
							if ($.browser.msie) {
								var content = content.clone();
							}
							
							// update element to have remove instead of add
							content.find('.remove').replaceWith($('<span class="add btn success">+ ' + translate('JS.RegistrationAddClientSite.AddSite') + '</span>'));
							
							// append it to dom
							if (list_elements[index] != undefined) {
								list_elements[index].closest('li').before(content);
							} else {
								sites.append(content);
							}
							
							content.show();
							
							if ($.browser.msie) {
								$('.add', content).bind('click', REGISTRATION.client_site_manage.events.add);
							}
							
							// re-enable client site remove
							element.removeClass('disable');
						}
					});
				});
			}
		}
	};
	
	// contractor create account country / state toggle
	REGISTRATION.contractor_country = {
		init: function () {
			if ($('#Registration-page').length) {
				$('.contractor-country').bind('change', this.events.update_state_list);
			}
		},
	
		events: {
			update_state_list: function () {
				var country_select = $(this);
				var country_string = country_select.val();
				
				AJAX.request({
					url: 'StateListAjax!registration.action',
					data: {
						countryString: country_string,
						prefix: 'contractor.'
					},
					success: function (data, textStatus, XMLHttpRequest) {
						var state_element = $('.registration-form li.state');
						var zip_element = $('.registration-form li.zip');
						
						if ($.trim(data) == '') {
							state_element.slideUp(400);
						} else {
							state_element.html(data);
							state_element.slideDown(400);
						}
						
						if (country_string == 'AE') {
							zip_element.slideUp(400);
						} else {
							zip_element.slideDown(400);
						}
					}
				});
			}
		}
	};
	
	// registration - create account - inline field validation
	REGISTRATION.field_validate = {
		init: function () {
			if ($('#Registration-page').length) {
				// add event handlers to all input / password fields
				var element = $('.registration-form input[type=text], .registration-form input[type=password]');
				
				// debounce key input to be executed after 400ms of inactivity
				element.bind('keyup', UTILITY.debounce(this.events.field_validate, 250));
				
				// add event upon leaving the field
				element.bind('blur', this.events.field_validate);
			}
		},
		
		events: {
			// ajax field validation - using jsonValidate intercepter
			field_validate: function (event) {
				var element = $(this);
				
				// parent form
				var form = element.closest('form');
				// serialized form including json validator interceptors
				var data = form.serialize() + '&method%3AcreateAccount="Get Started"' + '&struts.enableJSONValidation=true' + '&struts.validateOnly=true';
				
				// ajax request to submit form
				AJAX.request({
					url: form.attr('action'),
					data: data,
					complete: function (XMLHttpRequest, textStatus) {
						// obtain errors - field errors returned in the json request
						var errors = StrutsUtils.getValidationErrors(XMLHttpRequest.responseText);
						
						// obtain any errors that are currently attached to the field
						var error_element = element.siblings('.errors');
						
						if (errors.fieldErrors != undefined) {
							var field_errors = errors.fieldErrors[element.attr('name')];
							
							// if there are errors - add them to the dom
							if (field_errors != undefined) {
								var html = '<ul class="errors">';
								
								$.each(field_errors, function (i, value) {
									html += '<li>' + value + '</li>';
								})
								
								html += '</ul>';
								
								if (error_element.length) {
									error_element.replaceWith(html);
								} else {
									element.after(html);
								}
								
								// conditions show hide duplicate contractor name message
								$.each(field_errors, function (i, value) {
								    if (element.attr('id') == 'Registration_contractor_name' && value == translate('JS.Validation.CompanyNameAlreadyExists')) {
								        $('.contractor-name-duplicate').show();
								    } else {
								        $('.contractor-name-duplicate').hide();
								    }
								});
								
							// clear out any errors upon correct field validation
							} else {
								if (error_element.length) {
									error_element.remove();
									
									// conditions hide duplicate contractor name message
                                    if (element.attr('id') == 'Registration_contractor_name') {
                                        $('.contractor-name-duplicate').hide();
                                    }
								}
							}
						} else {
							// clear out any errors upon correct field validation
							error_element.remove();
						}
					}
				});
			}
		}
	};
	
	// contractor create account help text displayed on input focus
	REGISTRATION.help_text = {
		init: function () {
			if ($('#Registration-page').length) {
				var element = $('.help-text');
				
				element.each(function (key, value) {
					var html = $(this).html();
					var label = $(this).siblings('label');
					var input = $(this).siblings('input[type=text], select');
					
					input.attr('title', label.html().replace(':', ''));
					input.attr('data-content', html.replace('"', "'"));
					input.popover({
						html: true,
						placement: 'below',
						trigger: 'focus'
					});
					
					// ie specific js to shim select menus
					if ($.browser.msie && $.browser.version == 6) {
						input.bind('focus', function () {
							var container = $('.popover:last');
							var element = $('.inner', container);
							var offset = element.offset();
							var shim = $('<iframe class="shim" frameborder="0" scrolling="no"></iframe>');
							
							// paste shim
							shim.css({
								'height': element.height(),
								'left': offset.left,
								'position': 'absolute',
								'top': offset.top,
								'width': element.width()
							}).prependTo('body');
						});
						
						// add blur event to destroy iframe
						input.blur('blur', function () {
							$('iframe.shim:first').remove();
						});
					}
				});
			}
		}	
	};
	
	REGISTRATION.language_dropdown = {
		init: function () {
			$('select[name=request_locale]').bind('change', this.events.change);
		},
		
		events: {
			change: function (event) {
				var element = $(this);
				
				element.closest('form').submit();
			}
		}
	};
	
	// make payment help text displayed on hover of ? tips
	REGISTRATION.membership_help = {
		init: function () {
			$('.invoice').delegate('td:has(a.help)', 'mouseover', this.events.show);
		},
		
		events: {
			show: function (event) {
				var element = $('.membership-help');
				
				element.find('h1').html($('a.help', this).attr('data-title'));
				
				element.find('p').html($('a.help', this).attr('data-content'));
				
				if (element.is(':hidden')) {
					element.show();
				}
			}
		}
	};
	
	// make payment form choose check
	REGISTRATION.payment_check = {
		init: function () {
			if ($('#RegistrationMakePayment-page').length) {
				$('#transact_ccName').bind('change', this.events.change);
			}
		},
		
		events: {
			change: function (event) {
				var element = $(this);
				
				if (element.val() == 'Check') {
					$('.make-payment-form .creditcard').slideUp(400);
					$('.make-payment-form .expiration-date').slideUp(400);
					$('.make-payment-form .cc-note').slideUp(400);
					$('.make-payment-form .check-note').slideDown(400);
				} else {
					$('.make-payment-form .creditcard').slideDown(400);
					$('.make-payment-form .expiration-date').slideDown(400);
					$('.make-payment-form .cc-note').slideDown(400);
					$('.make-payment-form .check-note').slideUp(400);
				}
			}
		}
	};
	
	// make payment form submission hook to modified ccexp date format
	REGISTRATION.payment_submision = {
		init: function () {
			if ($('#RegistrationMakePayment-page').length) {
				$('.make-payment-form').bind('submit', this.events.submit);
			}
		},
		
		events: {
			submit: function (event) {
				var element = $(this);
				var ccName = $('#transact_ccName', element);
				
				element.find('.processing').show();
				
				if (ccName.val() == 'Check') {
					element.attr('action', 'RegistrationMakePayment.action');
				}
				
				$('#ccexp').val($('#expMonth').val() + $('#expYear').val());
			}
		}
	};
	
	// toggle between the sections that are displayed on the service evaluation page
	REGISTRATION.services_performed_toggle = {
		init: function () {
			if ($('#RegistrationServiceEvaluation-page').length) {
				$('.services-list input[type=checkbox]').bind('click', this.events.toggle);
			}
		},
		
		events: {
			toggle: function (event) {
				var services = $('.services-list input[type=checkbox]');
				var service_safety_evaluation = $('.service-safety-evaluation');
				var product_safety_evaluation = $('.product-safety-evaluation');
				
				var service_safety_evaluation_display = false;
				var product_safety_evaluation_display = false;
				
				$.each(services, function (key, value) {
					var element = $(value);
					var element_id = element.attr('id');
					var is_checked = element.is(':checked');
					
					if ($.inArray(element_id, ['onSite', 'offSite']) != -1 && is_checked) {
						service_safety_evaluation_display = true;
					} else if($.inArray(element_id, ['materialSupplier', 'transportation']) != -1 && is_checked) {
						product_safety_evaluation_display = true;
					}
				});
				
				if (service_safety_evaluation_display) {
					service_safety_evaluation.slideDown(400);
				} else {
					service_safety_evaluation.slideUp(400);
				}
				
				if (product_safety_evaluation_display) {
					product_safety_evaluation.slideDown(400);
				} else {
					product_safety_evaluation.slideUp(400);
				}
			}
		}
	};
	
	PICS.define('registration.Registration', {
	    methods: {
	        init: function () {
	            $('#Registration-page .contractor-agreement.modal-link').bind('click', this.showContractorAgreementModal);
	            $('#RegistrationMakePayment-page .contractor-agreement.modal-link').bind('click', this.showContractorAgreementModal);
	            $('#RegistrationMakePayment-page .modal-link:not(.contractor-agreement)').bind('click', this.showBasicModal);
	        },
	        
	        showBasicModal: function (event) {
	            var element = $(this);
	            
	            PICS.ajax({
	                url: element.attr('data-url'),
                    success: function (data, textStatus, XMLHttpRequest) {
                        var modal = PICS.modal({
                            height: 550,
                            width: 700,
                            title: element.text(),
                            content: data
                        });
                        
                        modal.show();
                    }
	            });
	        },
	        
	        showContractorAgreementModal: function (event) {
	            var element = $(this);
                
                PICS.ajax({
                    url: element.attr('data-url'),
                    success: function (data, textStatus, XMLHttpRequest) {
                        var modal = PICS.modal({
                            height: 550,
                            width: 700,
                            title: element.text(),
                            content: data,
                            buttons: [{
                                html: '<a href="ContractorAgreement!print.action" class="btn info" target="_blank">' + translate('JS.global.print') + '</a>'
                            }]
                        });
                        
                        modal.show();
                    }
                });
	        }
	    }
	});
})(jQuery);