var email = false;
var pass = false;
var first = false;
var last = false;
var gender = true;
var age = false;
function registerLink(txt){
	var dstyle = document.getElementById('regForm').style.display;
	if(dstyle=='block'){
		document.getElementById('regForm').style.display='none'
		document.getElementById('regMsgArea').innerHTML = '';
		document.getElementById('regMsgArea').style.height = '0';
		document.getElementById('regMsgArea').style.width = '0';
	}else{
		dsplTxt(txt);
		document.getElementById('regForm').style.display = 'block';
		document.getElementById('newEmail').focus();
		var dh = document.getElementById('regForm').clientHeight;
		var cw = document.getElementById('rmain').clientWidth;
		var c1 = document.getElementById('r1').clientWidth;
		var c2 = document.getElementById('r2').clientWidth;
		var sleft = cw - c1 - c2 - 100;
		
		document.getElementById('regMsgArea').style.height = '190px';
		document.getElementById('regMsgArea').style.width = sleft + 'px';
		document.getElementById('regMsgArea').style.padding = '10px';
	}
}

function dsplTxt(txt, fld){
	var opt = '';
	if(txt=='password'){
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">Password</h2>\
		<p>\
			Your password is your secret code that allows you to log into your account,\
			this will be accompanied by your email address.\
		</p>\
		<p>\
			The password MUST be:\
			<ul>\
				<li>no less than 6 characters<br /></li>\
				<li>no more than 10 characters.<br /></li>\
				<li>must have at least 1 number and one alpha character (a-z)</li>\
			</ul>\
		</p>";
	}else if(txt=='first'){
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">First Name</h2>\
		<p>\
			Please enter your first name, this is useful for us so we can refer to you\
			by your first name, and so people know who you are.\
		</p>";
	}else if(txt=='last'){
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">Last Name</h2>\
		<p>\
			Please enter your last name, this is useful for us so we can refer to you\
			by your full name (Eg. John Doe), you may cover your last name if you would like.\
			this is done in your prefrences after you log into your account.\
		</p>";
	}else if(txt=='gender'){
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">Gender</h2>\
		<p>\
			By selecting your gender, we will be able to relate gender specific qualities to you\
			this also helps others to learn more about you.\
		</p>";
	}else if(txt=='age'){
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">Age (D.O.B.)</h2>\
		<p>\
			We would like to know more about your age, this helps others determine the quality\
			of what they are viewing according to the age of the profile they are looking at.\
		</p>";
	}else{
		opt = "<h2 id=\"regTitle\" class=\""+clss+"\">Email</h2>\
		<p>\
			A valid email address <strong>MUST</strong> be given in order to activate the account.\
			Upon completion of email activation, you will be able to login to your account.\
		</p>\
		<p>\
			An email address that isn\'t activated within 24 hours of registration will be deleted.\
			Give your correct email address, and log into your account within the 24 hour time period.\
		</p>\
		<p>\
			If you do not get an email within 30 minutes, <a href=\"\">click here</a> and we will try\
			to send the email to you again.\
		</p>";
	}
	document.getElementById('regMsgArea').innerHTML = opt;
	var clss = validateFld(txt, fld);
}

function validateFld(txt, fld){
	if(fld == null)fld = 'newEmail';
	var good = false;
	var field = document.getElementById(fld).value;
	if(txt == 'password'){
		if(field.length > 5 && field.length < 11){
			if(hasNumbers(field)){
				if(hasLetters(field)){
					good = true;
					pass = true;
				}else
					pass = false;
			}else
				pass = false;
		}else
			pass = false;
	}else if(txt == 'first'){
		if(field.length > 1){
			if(hasLetters(field)){
				good = true;
				first = true;
			}else
				first = false;
		}else
			first = false;
	}else if(txt == 'last'){
		if(field.length > 1){
			if(hasLetters(field)){
				good = true;
				last = true;
			}else
				last = false;
		}else
			last = false;
	}else if(txt == 'email'){
		if(field.length > 1){
			if(isEmail(field)){
				good = true;
				email = true;
			}else
				email = false;
		}else
			email = false;
	}else if(txt == 'gender'){
		good = true;
		gender = true;
	}else if(txt == 'age'){
		var mon = document.getElementById('month').value;
		var day = document.getElementById('day').value;
		var yer = document.getElementById('year').value;
		if(mon.toLowerCase() != 'month' && day.toLowerCase() != 'day' && yer.toLowerCase() != 'year'){
			good = true;
			age = true;
		}else
			age = false;
	}
	if(good){
		setClass('regTitle', 'green');
	}else{
		setClass('regTitle', 'red');
	}
	setRegForm();
}
function setClass(id, clss){
	document.getElementById(id).setAttribute('class', clss);
}

function hasNumbers(t){
	return /\d/.test(t);
}
function hasLetters(t){
	return /[a-zA-Z]/.test(t);
}
function isEmail(t) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   return reg.test(t);
}

function setRegForm(){
	var opt;
	if(email && pass && first && last && gender && age){
		opt = '<input type="button" value="Join" class="btnConfirm" onclick="join();" />\
		<input type="reset" value="Clear" class="btnCancel" />';
	}else{
		opt = '';
	}
	document.getElementById('regHide').innerHTML = opt;
}

function join(){
	var connect = Post();
	values = new Array();
	values['email'] = document.getElementById('newEmail').value;
	values['pass'] = document.getElementById('newPassword').value;
	values['first'] = document.getElementById('first').value;
	values['last'] = document.getElementById('last').value;
	values['gender'] = document.getElementById('gender').value;
	var Nmonth = document.getElementById('month').value;
	var Nday = document.getElementById('day').value;
	var Nyear = document.getElementById('year').value;
	values['age'] = Nyear+'-'+Nmonth+'-'+Nday;
	connect[0].onreadystatechange = function(){
		if(connect[0].readyState == 4){
			eval(connect[0].responseText);
			if(good){
				document.getElementById('regMsgArea').innerHTML = optmsg;
			}else{
				document.getElementById('regMsgArea').innerHTML = optmsg;
			}
		}
	}
	var va = '';
	for (key in values){
		va += key+'='+values[key]+'&';
	}
	va = va.replace(/&$/,"");
	connect[0].open("POST", '/process/join.php', true);
	connect[0].setRequestHeader("Content-Type", connect[1]);
	connect[0].send(va);
}