$(document).ready(function() {
	
	// Declare avatar initial values
	countTop = 1;
	avatarNav(countTop);
	$('#avatarLeft').click(function(){
		decrease();
		return false;
	});
	$('#avatarRight').click(function(){
		increase();
		return false;
	});
		
	//submit button
	$('#button_input').click(function(){
	    var pseudo = $("input#pseudo_id").val();  
 		var password = $("input#password_id").val();  
		var password2 = $("input#password2_id").val();
		var email = $("input#email_id").val();
		var gender = $("select#gender_id").val();
		var country= $("select#country_id").val();
		var state= $("select#state_id").val();
		var year= $("select#year_id").val();
		var month= $("select#month_id").val();
		var day= $("select#day_id").val();
		var avatar= $("input[name=avatars]:checked").val().replace(/ /g, '_');
		var zip   = $("input#zip_id").val();
		var reme = $("input[name=reme]:checked").val();
		var mailist = $("input[name=mailist]:checked").val();
		var dataString = 'pseudo='+ pseudo + '&password=' + password + '&email=' + email + '&gender=' + gender + '&country=' + country + '&state=' + state + '&year=' + year + '&month=' + month + '&day=' + day + '&avatar=' + avatar + '&mailist='+mailist;
		var valid=validate(pseudo,password,password2,email,gender,country,state,reme,year,month,day);
		if(valid){
			$.ajax({
						'type':'post',
						'url':'insert_user.php',
						'data': dataString,
						'success':statusInsert
					});
		}
		return false;
	});
	
});
function checkPseudoSecured(pseudo){
	var checkfor = new RegExp('[@;*%<>"\']','g');
    if(pseudo.match(checkfor)){
    	return 'false';
    } else {
    	return 'true';
    }
}
function validate(pseudo,password,password2,email,gender,country,state,reme,year,month,day){
	var texte = file('verifpseudo.php?pseudo='+escape(pseudo));
	var etexte = file('verifemail.php?email='+escape(email));
	var curYear=2010;
	var age = curYear - $('#year_id').val();
	//alert(texte);
	if(pseudo==''){
		//alert(reme)
		alert("Please, enter your username.");
		return false;
    } else if(checkPseudoSecured(pseudo)=='false'){
    	alert("Your username contains invalid characters");
        return false;
	} else if(texte==1){
		alert("This username already exists.");
		return false;
	} else if(password==''){
		alert("Please, enter your password.");
		return false;
	} else if(password2==''){
		alert("Please, confirm your password.");
		return false;
	} else if(password!=password2){
		alert("Your passwords do not match.");
		return false;
	} else if(year=='') {
		alert("Please, enter your date of birth.");
		return false;
	} else if(age<=3){
		alert("Please, enter a valid date of birth.");
		return false;
	} else if(month=='') {
		alert("Please, enter your date of birth.");
		return false;
	} else if(day=='') {
		alert("Please, enter your date of birth.");
		return false;
	} else if(echeck2(email)==''){
		alert("Please enter a valid email address.");
		return false;
	} else if(etexte==1){
		alert("An account with this email already exists.");
		return false;
	} else if(gender==0){
		alert("Please, enter your gender.");
		return false;
	} else if(country==0){
		alert("Please, select your country.");
		return false;
	} else if(country==0){
		alert("Please, enter your province or state.");
		return false;
	} else if(reme!='on'){
		alert("You must agree to our Terms of Service");
		return false;
	} else {
		return true;
	}
	
}
function statusInsert()
{
    document.location='community.php';
}

function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}
function writeMailDiv(texte)
{
document.getElementById('mailbox').innerHTML = texte;
}

function verifPseudo(pseudo){
	if(pseudo != ''){
		if(pseudo.length<2 && pseudo.length>0){
			writediv('<div style="color:#FF0000">&nbsp;This username is too short</div>');
		}else if(pseudo.length>30){
			writediv('<div style="color:#FF0000">&nbsp;This username is too long</div>');
		}else{
			texte = file('verifpseudo.php?pseudo='+escape(pseudo));
			if(texte == 1){
				writediv('<div style="color:#FF0000">&nbsp;This username is already taken</div>');
			}else if(texte == 2){
				writediv('<div style="color:#00FF00">&nbsp;This username is available</div>');
			}else{
				writediv(texte);
			}
		}

	}
}
function verifEmail(email){
	if(email != ''){
		etexte = file('verifemail.php?email='+escape(email));
		if(etexte == 1){
			writeMailDiv('<div style="color:#FF0000">&nbsp;This email is already used. <span id="fpass"><a href="forgotPassword.php">Forgot Password?</a></span></div>');
		}else if(etexte == 2){
			writeMailDiv('<div style="color:#00FF00">&nbsp;</div>');
		}else{
			writeMailDiv(etexte);
		}

	}
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}

function increase() { // Show next avatar function
	if (countTop< 36) {
		countTop++;
	}
	else{
		countTop=1;
	}
	avatarNav(countTop);
}
function decrease() { // Show previous avatar
	if (countTop>1) {
		countTop--;
	}
	else{
		countTop = 36;
	}
	avatarNav(countTop);
}

function avatarNav(countTop) {
	bsTopId = $('#bs_av_num'+countTop); // Shortened code length
	bsTopAv = $("#bs_rf_avatar"); // Shortened code length
	$(bsTopId).attr('checked','checked'); // Check the radio button of current item
	bsTopAv.css({"display":"none"});  // Hide the Avatar div to fade in the next avatar image
	$("#bs_rf_avatar").fadeIn(500); // Fade in speed
	//$("#bs_rf_name").text($(bsTopId).attr("value")); // Place the striker name of the Avatar inside a div
	var imgName = $(bsTopId).attr('value').replace(/ /g, '_');
	$("#bs_rf_avatar").css({"background-image":"url('images/avatars/"+imgName+"_big.jpg')"}); // Dynamic change of the avatar image
}
function updateMailField(age){
	switch(age<13){
		case true:
			$('#mailTitle').html('Parents Email:');
			break;
		case false:
		default:
			$('#mailTitle').html('E-Mail Address:');
			break;
	}
}
function checkAge(){
	var curYear=2010;
	var age = curYear - $('#year_id').val();
	//alert(age);
	updateMailField(age);
}