$(document).ready(function(){	
						   
	$("#otherstate").hide();
	
	 

	 if($("#form_state").val()=="10000"){
		$("#otherstate").show();	
	}
	 
				
	 $("#form_state").change(
		function(){
			if($("#form_state").val()=="10000"){
					 
				$("#otherstate").show();	
			}else{
				$("#otherstate").hide();
				}
			}
		); 			   
						   
						   
//$('.titleHintBox').inputHintBox({div:$('#shiny_box'),div_sub:'.shiny_box_body',source:'attr',attr:'title',incrementTop:1});

$('.titleHintBox2').inputHintBox({
			className:'simple_box',
			source:'attr',
			attr:'display',
			incrementTop:0,
			incrementLeft:0
			 
			});

//$('.titleHintBox3').inputHintBox({className:'simple_box',html:'Same text for more inputs',incrementTop:1});
						   
						   
	$("#javascript_error").hide();
	$("#username").focus();
						   
    $('#usernameLoading').hide();
	$('#emailLoading').hide();
	
	$("#billing_address").hide();
	
	
//********************************************

 
	  if($("#form_billingaddressval").val()==""){
		$("#billing_address").hide(); 
	 }
	  
	if($("#form_billingaddressval").val()=="2"){
		$("#billing_address").show();	
	}
	  
	 $("#form_billingaddressval").change(
		function(){
			if($("#form_billingaddressval").val()=="2"){
					 
				$("#billing_address").show();	
			}else{
				$("#billing_address").hide();
				}
			}
		);
	
//************************************************************************			
			
			 
			   $('#username').blur(function(){	
					if($("#username").val().length>7) {							
						  $("#usernameLoading").show();
						  $.post("/secure/ajax.php", {
							username: $('#username').val()
						  }, function(response){
							$('#usernameResult').fadeOut();
							setTimeout("finishAjax('usernameResult', '"+escape(response)+"')", 400);
						  });
							return false;	
					
					};
				});	
			 
			
			
				
				
				
				
				
				
				
				
	
			$('#email').blur(function(){
				 if( $("#email").val().length>5 ) {	
						  $("#emailLoading").show();
						  $.post("/secure/ajax.php", {
							email: $('#email').val()
						  }, function(response){
							$('#emailResult').fadeOut();
							setTimeout("finishAjax('emailResult', '"+escape(response)+"')", 400);
						  });
							return false;
				 }
			});	
		
	
		$("#signup").submit(function(){			
			var error="";
			
			var listItems = document.getElementsByTagName("input");
			for (var i = 0; i < listItems.length; i++)
			{			 
			 $(listItems[i]).val($.trim($(listItems[i]).val()));
			}
			
			var email = $("#email").val();	
			var yob= $("#yob").val();
			var pattern = /[\w\.\-]+@([\w\-]+\.)+[a-zA-Z]+/;
			var pattern_digitsonly = /^\d+(\d+)?$/;
			var pattern_names=/^[a-zA-Z\']+$/;
			var firstname = pattern_names.test($("#firstname").val());	
			var lastname = pattern_names.test($("#lastname").val());	
			var emailvalidation = pattern.test(email);	
			var yobvalidation=pattern_digitsonly.test(yob);
			 

			if($("#email").val() == "" || emailvalidation==false) {
				error+='<li>Please enter your email. </li>';
				$("#email_div").addClass("error_field");
			}else{
				$("#email_div").removeClass("error_field");
			}
			
			if($("#phone").val() == "") {
				error+='<li>Please enter your phone. </li>';
				$("#phone_div").addClass("error_field");
			}else{
				$("#phone_div").removeClass("error_field");
			}
			
			 
			
			if($("#yob").val() == "" || yobvalidation==false || ( 2008-$("#yob").val() )<18 ) {
				error+='<li>Please enter year of birth. </li>';
				$("#yob_div").addClass("error_field");
			}else{
				$("#yob_div").removeClass("error_field");
			}
			
			if($("#group_id").val() == "") {
				error+='<li>Please enter your account group. </li>';
				$("#group_div").addClass("error_field");
			}else{
				$("#group_div").removeClass("error_field");
			}
			
			if($("#gender").val() != "M" && $("#gender").val() != "F" ) {
				error+='<li>Please enter your gender. </li>';
				$("#gender_div").addClass("error_field");
			}else{
				$("#gender_div").removeClass("error_field");
			}
			
			if($("#country").val() == "") {
				error+='<li>Please enter your country. </li>';
				$("#country_div").addClass("error_field");
			}else{
				$("#country_div").removeClass("error_field");
			}
			
			if($("#username").val() == "" || $("#username").val().length<8) {
				error+='<li>Please enter your username. Letters and digits only. Minimum 8 chars. </li>';
				$("#username_div").addClass("error_field");
				$("#username_div").css({ width: "500px" });
			}else{
				$("#username_div").removeClass("error_field");
			}
			
			if($("#firstname").val() == "" || firstname==false) {
				error+='<li>Please enter your firstname. </li>';
				$("#firstname_div").addClass("error_field");
			}else{
				$("#firstname_div").removeClass("error_field");
			}
			
			if($("#lastname").val() == "" || lastname==false) {
				error+='<li>Please enter your lastname. </li>';
				$("#lastname_div").addClass("error_field");
			}else{
				$("#lastname_div").removeClass("error_field");
			}
			 
			if($("#captcha").val() == "") {
				error+='<li>Please enter the verification characters at the bottom of the form. </li>';
				 
				$("#captcha_div").addClass("error_field_captcha");
				$("#captcha_div").css({ border: "2px solid red" });
			}else{
				$("#captcha_div").removeClass("error_field_captcha");
				$("#captcha_div").css({ border: "0px " });
			}
			
			//*****************************************************
			if(error==''){
				return;
			}else{				 
				//$("#error_messages").html(error);
				//$.prompt('Please correct your form entries.',{ opacity: 0.8 });
				$("#javascript_error").show();
				$("#error_messages").html(error);
				//alert("Please correct the fields marked in red.");
				return false;
			}
			
		});
		
//------------------------------------------------------------------------------------		

		 
});

function finishAjax(id, response) {
  $('#usernameLoading').hide();
   $('#emailLoading').hide();
  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn();
} //finishAjax
