window.onload = setfocus;

function setfocus(){
  document.getElementById("name").focus();
}

function namechange(){
	var nameField = document.getElementById('name');
	if(nameField.value=='')
	  document.getElementById("nameerror").className='showerror';
  else
	  document.getElementById("nameerror").className='hideerror';
}

function em1change(){
	var em1Field = document.getElementById('em1');

  //var reg = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,3}|[0-9]{1,3})(\]?)$/;

  var reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/;

	if(em1Field.value==''){
	  em1error2class='hideerror';
	  document.getElementById("em1error1").className='showerror';
  }
  else if (!reg.test(em1Field.value)) {
	  document.getElementById("em1error1").className='hideerror';
	  em1error2class=document.getElementById("em1error2").className='showerror';
	  
  }
  else{
	  document.getElementById("em1error1").className='hideerror';
	  document.getElementById("em1error2").className='hideerror';

	  //in case box 2 is correct first
	  var em2Field = document.getElementById('em2');
    if(em1Field.value==em2Field.value){
      var em2error2=document.getElementById("em2error2");
	    em2error2.className='hideerror';
    }

  }
}

function em2change(){
	var em1Field = document.getElementById('em1');
	var em2Field = document.getElementById('em2');

  var em2error1=document.getElementById("em2error1");
  var em2error2=document.getElementById("em2error2");

	if(em2Field.value==''){
	  em2error2.className='hideerror';
	  em2error1.className='showerror';
  }
  else if(em1Field.value!=em2Field.value){
	  em2error1.className='hideerror';
	  em2error2.className='showerror';
  }
  else{
	  em2error1.className='hideerror';
	  em2error2.className='hideerror';
  }
}

function phonechange(){
	var phoneField=document.getElementById('phone');
	var phoneerror=document.getElementById("phoneerror");

	var phonedigits=0;
	
	for(i=0;i<phoneField.value.length;i++){
    if( phoneField.value.substring(i,i+1)>=0 && phoneField.value.substring(i,i+1)<=9 )phonedigits+=1;
	}

	if(phoneField.value!='' && phonedigits<10){
	  phoneerror.className='showerror';
  }
  else{
	  phoneerror.className='hideerror';
  }
}

function genderchange(){
	var genderField=document.getElementById('gender');
	var gendererror=document.getElementById("gendererror");

	if(genderField.value==''){
	  gendererror.className='showerror';
  }
  else{
	  gendererror.className='hideerror';
  }
}