jQuery(document).ready(function() { 
	jQuery('#become_member_form').submit(function(e){
		e.preventDefault();
		var postData = jQuery('#become_member_form').serialize();
			
		jQuery.ajax({url: siteUrl+'contact/submit',type:'post',dataType:'json',data:postData,success: handleResponse});
			
			
			function handleResponse(data) {
				
				jQuery('.error').empty();
				
				if (data.state == 'error') {
					//display the errors
					jQuery.each(data.errors, function (name, value){
						//jQuery('#response').html('<p>'+value+'</p>');								
						jQuery('#error_'+name).html(value);
					});
				}
				
				if (data.state == 'ok') {
					//then thank them 
					jQuery('#form').html('<p>'+data.msg+'</p>');					
					
				}
				
			
			}
		
	}); //end of onsubmit
	
	
	// handle the hide reveal for the additional info (#additional_info_handle)
	var additional_info_handle = jQuery('#additional_info_handle');
	//get the additional info container element
	var additional_info_container = jQuery('#additional_info_container');
	
	additional_info_handle.toggle(openAdditionalInfo, closeAdditionalInfo);
	
	function openAdditionalInfo()
	{
		additional_info_container.show();
		//change to handle image
		additional_info_handle.css('background-position-y', '-13px');
	}
	
	function closeAdditionalInfo()
	{
		additional_info_container.hide();
		//change the handle image
		additional_info_handle.css('background-position-y', '0px');
	}
	
	//close it when first rendered
	closeAdditionalInfo();
	
 });