pic1 = new Image(16, 16);
pic1.src="loader.gif";

$(document).ready(function(){
	
	var usr;
	var email;
	var usrT;
	var emailT;
	var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
	
	function checkFields(){
		if(email == 0 || usr == 0){
			$("#maf77bfbrp_submit").attr("disabled", "disabled");
			$("#cntnt01fbrp_submit").attr("disabled", "disabled");
		} else {
			$("#maf77bfbrp_submit").removeAttr("disabled");
			$("#cntnt01fbrp_submit").removeAttr("disabled");
		}
	}
	
	$("#name").change(function() { 
		usrT = escape($("#name").val());
		if(usrT.length >= 6){
			$("#status").html('<img src="members/images/website/loader.gif" align="absmiddle">&nbsp;Checking availability...');
			
			$.ajax({
				type: "POST",
				url: "check.php",
				data: "username="+ usrT,
				success: function(msg){  
				
					$("#status").ajaxComplete(function(event, request, settings){ 
				
						if(msg == 'OK'){
							usr = 1;
							$(this).html('&nbsp;<img src="members/images/website/tick.gif" align="absmiddle">&nbsp;<span style="line-height:25px;color:#360;">Your username is available.</span>');
							checkFields();
						} else {
							usr = 0;
							$(this).html(msg);
							checkFields();
						}  
				   });
				} 
			}); 
		} else {
			usr = 0;
			checkFields();
			$("#status").html('&nbsp;<img src="members/images/website/off.gif" align="absmiddle">&nbsp;<font color="red">' + 'Username must have minimum <strong>6</strong> characters.</font></div>');
		}
	});
	
	// Email.
	$("#email").change(function() { 
		emailT = escape($("#email").val());
		
		if(emailT.search(emailRegEx) != -1){
			$("#status_email").html('<img src="members/images/website/loader.gif" align="absmiddle">&nbsp;Checking availability...');
			
			$.ajax({
				type: "POST",
				url: "check.php",
				data: "email="+ emailT,
				success: function(msg){  
				
					$("#status_email").ajaxComplete(function(event, request, settings){ 
				
						if(msg == 'OK2'){
							email = 1;
							$(this).html('&nbsp;<img src="members/images/website/tick.gif" align="absmiddle">&nbsp;<span style="line-height:25px;color:#360;">Your email is available.</span>');
							checkFields();
						} else {
							email = 0;
							$(this).html(msg);
							checkFields();
						}  
				   });
				} 
			}); 
		} else {
			email = 0;
			checkFields();
			$("#status_email").html('&nbsp;<img src="members/images/website/off.gif" align="absmiddle">&nbsp;<font color="red">' + 'You must enter a correct email address.</font></div>');
		}
	});
	
});