function notempty(entered,fieldname)//checks if the field is empty
{
	if(entered.length==0)//if the value (entered) of the name field is empty (length ==0) then send error message
	{
		
		document.getElementById(fieldname +'_msg').innerHTML=' Required field';
		
		document.getElementById(fieldname +'_msg').className="f_msg";
	}
	else
	{
		document.getElementById(fieldname +'_msg').className="s_msg";
		
		document.getElementById(fieldname + '_msg').innerHTML='<img src="images/greytick.png" alt="tick"/>';
		
	}
	return true;
}
		
function alphaonly(entered,fieldname)
{
	if(entered.length==0)//if the value (entered) of the name field is empty (length ==0) then send error message
	{
		notempty(entered,fieldname);
	}
	else//otherwise check it is alpha only(no numbers).
	{
		var regexy=/[0123456789.\/\\.<>?:";',\[\]\{\}=\+\*\)\(&^%$#@!]/;//inicializa the regular expression and place a variable called regexy
		if(regexy.test(entered))//check to see if regexy test on the value(entered) was incorrect,if so give a error message
		{
			
			document.getElementById(fieldname +'_msg').style.color='black';
			document.getElementById(fieldname +'_msg').innerHTML=' Letters only'
			document.getElementById(fieldname +'_msg').className="f_msg";
			
		}
		else//otherwise provides a msg error
		{
			document.getElementById(fieldname +'_msg').className="s_msg";
			
			document.getElementById(fieldname + '_msg').innerHTML='<img src="images/greytick.png" alt="tick"/>';
		}
		return true;
	}
}		

function checkemail(entered,fieldname)//check a valid email address based in parameter that we set
{
	if(entered.length==0)
	{
		notempty(entered,fieldname);
	}
	else
	{
	//regexy=/^[\w\.]+@[a-zA-Z_]+?\.[a-zA-Z\.]{2,6}$/;//copares regular expression
	regexy=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
		if(!regexy.test(entered))
		{
			
			document.getElementById(fieldname +'_msg').style.color='black';
			document.getElementById(fieldname+'_msg').innerHTML=' Valid email please';
			document.getElementById(fieldname+'_msg').className="f_msg";
		}	
		else //otherwise displays a success message
		{
			document.getElementById(fieldname +'_msg').className="s_msg";
			
			document.getElementById(fieldname+'_msg').innerHTML='<img src="images/greytick.png" alt="tick"/>';
			return true;
		}
	}	
}	

function numbersonly(entered,fieldname)//numbers only
{
	if(entered.length==0)//if the value (entered) of the name field is empty (length ==0) then send error message
	{
		notempty(entered,fieldname);
	}
	else//otherwise check it is alpha only(no numbers).
	{
		var regexy=/^[0-9.]{1}[0-9.]*$/; //inicializa the regular expression and place a variable called regexy
		if(!regexy.test(entered))//important...note that in the condition there is a not ! before the regexy var...........check to see if regexy test on the value(entered) was incorrect,if so give a error message
		{
			
			document.getElementById(fieldname +'_msg').style.color='black';
			document.getElementById(fieldname +'_msg').innerHTML=' Numbers only';
			document.getElementById(fieldname +'_msg').className="f_msg";
			
		}
		else//otherwise provides a msg error
		{
			document.getElementById(fieldname +'_msg').className="s_msg";
			
			document.getElementById(fieldname + '_msg').innerHTML='<img src="images/greytick.png" alt="tick"/>';
		}
		return true;
	}//end function
}		

function checkselect(message)
{
	if(document.forms[0].checker.value=="sinselect")//checker is the name of the element, it could change for other examples so be aware of that
	{
		document.getElementById(message + '_msg').style.backgroundColor='#cc6633';
		document.getElementById(message +'_msg').style.color='white';
		document.getElementById(message + '_msg').innerHTML='Make your choice!';
		document.getElementById(message + '_msg').className="f_msg";
	}
	else
	{	
		document.getElementById(message + '_msg').className="s_msg";
		document.getElementById(message + '_msg').style.backgroundColor='white';
		document.getElementById(message + '_msg').innerHTML='<img src="images/greytick.png" alt="tick"/>';
	}
	return true;
}		

function checkbuttons()
{
	var i;
	var counter=0;
	for(i=0; i < document.forms[0].gender.length; i++)
	{
		if(document.forms[0].gender[i].checked == true)
		{
			alert("the button "+document.forms[0].gender[i].value +" is selected");
			break;
		}
		else
		{
			counter++
		}
	}
	if (counter == document.forms[0].gender.length)
		{
		alert("you have not selected any! try again");
		}
}	

function checkallfields(fieldname)
{
	var ag = "s_msg";
	var failed = document.getElementById(fieldname +'_msg').className;
	
	var f1 = document.getElementById('name_msg').className;
	var f2 = document.getElementById('lname_msg').className;
	var f3 = document.getElementById('email_msg').className;
	var f4 = document.getElementById('phone_msg').className;
	//var f5 = document.getElementById('checker_msg').className;
	var f8 = document.getElementById('message_msg').className;
	
	if (failed == "f_msg")
	{
		document.getElementById('submit').disabled="disabled";
	}
	else
	{
		if (f1 == ag && f2 == ag && f3 == ag && f4 == ag) //no inclui f8 porque despues no cambia el botton hasta que el cursor se quita del ultimo campo y se ve raro.
		{
			document.getElementById('submit').disabled="";
		}
		else
		{
			document.getElementById('submit').disabled="disabled";
		}
	}	
}