var fields	= new Array('username', 'password', 'password_confirm', 'screen_name', 'email', 'captcha');

jQuery(function($) {
	
	$("#submit_button").click( function(event)
	{
		var msg	= "";

		// Clear all error if any
		
		$("form#member_form .error").each(function() { 
			$(this).removeClass("error");
		});

		// Email check
		
		var email	= $("form#member_form input[@name='email']").val();
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

		if (!filter.test(email)) 
		{
			$("form#member_form input[@name='email']").addClass("error");

			msg	+=	"<p>Fill in a valid email address please.</p>"; 
		}
		
		// Password check

		if ( $("form#member_form input[@name='password']").val() != $("form#member_form input[@name='password_confirm']").val() )
		{
			$("form#member_form input[@name='password']").addClass("error");
			$("form#member_form input[@name='password_confirm']").addClass("error");

			msg	+= "<p>Passwords dont match.</p>";
		}

		//	Check empties
	
		var empty	= false;
		
		$.each( fields, function(i,n)
		{			
			if ( $("form#member_form input[@name='" + n + "']").val() == '' )
			{
				empty	= true;
				
				$("form#member_form input[@name='" + n + "']").addClass("error");
			}		
		});
		
		if ( empty === true )
		{
			msg	+= "<p>Please fill in all required fiels.</p>";
		}
	
		//	Show message
		
		if ( msg != '' )
		{
			$("#error_msg").html( msg );
		
			return false;
		}
		
		// let's check username availability

		var username	= $("form#member_form input[@name='username']").val();
		var email2		= $("form#member_form input[@name='email']").val();
		var screen_name	= $("form#member_form input[@name='screen_name']").val();

		$.ajax({
			type: 'POST',	
			url: '/index/ajax/register',
			data: 'ACTION=check_username&username=' + username + '&email=' + email2 + '&screen_name=' + screen_name,
			beforeSend: function() {
				$("#error_msg").html('<center><img src=/images/site/2009/indicator.gif></center>');
			},
			success: function(data) {
				if(data == 'OK') 
				{
					$("#error_msg").html('All data verified...');
					$("form#member_form").submit();
				}
				else {
					$("#error_msg").html(data);
				}
			}
		});	
		
		return false;

	});

});