function checkoption(x)//this is the function for the contact page that displays the information depending on the user selection of the area,  when the user select an option onchange it send the name of the id where the info will be inserted in this case elevencontact1 
{
	if(document.forms[0].checker2.options[1].selected)
	{
		document.getElementById(x).innerHTML='<h1>Balmoral Indoor Sports Arena  </h1><h1>  Monday 9:30-10:10 (2-4 year olds)</h1><h1>  Monday 3:30-4:30 (4-8 year olds)</h1><h1>  Tuesday 9:30-10:15 (2-4 year olds)</h1><h1>  Tuesday 3:30-4:30 (4-8 year olds)</h1>';
	}
	else if(document.forms[0].checker2.options[2].selected)
	{
		document.getElementById(x).innerHTML='<h1>Aberfoyle Road Scout Hall  </h1><h1>   Tuesday 12:00-12:40</h1><h1>   Wednesday 12:00-12:40</h1><h1>  Thursday 12:00-12:40</h1><h1>  Friday 1:30-2:15</h1>';
	}
	else if(document.forms[0].checker2.options[3].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Mt Eden   (Bear Park kids only)</h1><h1>   Monday 10:40-11:20</h1>';
	}
	else if(document.forms[0].checker2.options[4].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Remuera   (Bear Park kids only)</h1><h1>   Tuesday 9:20-10:00</h1>';
	}
	else if(document.forms[0].checker2.options[5].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Herne Bay   (Bear Park kids only)</h1><h1>   Tuesday 10:30-11:10</h1>';
		
	}
	else if(document.forms[0].checker2.options[6].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Maskell St   (Bear Park kids only)</h1><h1>   Wednesday 9:30-11:00</h1>';
	}
	else if(document.forms[0].checker2.options[7].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Kohimarama   (Bear Park kids only)</h1><h1>   Friday 8:30-9:10</h1>';
	}
	else if(document.forms[0].checker2.options[8].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Mairangi Bay  (Bear Park kids only)</h1><h1>   Friday 10:00-10:40</h1>';
	}
	else if(document.forms[0].checker2.options[9].selected)
	{
		document.getElementById(x).innerHTML='<h1>Bear Park Albany   (Bear Park kids only)</h1><h1>   Friday 11:00-11:40</h1>';
	}
	else if(document.forms[0].checker2.options[10].selected)
	{
		document.getElementById(x).innerHTML='<h1>Mt Eden Normal Primary School  </h1><h1>   Monday 8:00-8:40</h1><h1>   Tuesday 8:00-8:40</h1>';
	}
	else if(document.forms[0].checker2.options[11].selected)
	{
		document.getElementById(x).innerHTML='<h1>Point Chevalier Primary School  </h1><h1>   Wednesday 8:00-8:40</h1>';
	}
	else if(document.forms[0].checker2.options[12].selected)
	{
		document.getElementById(x).innerHTML='<h1>Remuera Primary School  </h1><h1>   Thursday 8:00-8:40</h1>';
	}
	else if(document.forms[0].checker2.options[13].selected)
	{
		document.getElementById(x).innerHTML='<h1>Maungawhau Primary School </h1><h1>   Tuesday 3:15-4:00</h1>';
	}
	else if(document.forms[0].checker2.options[14].selected)
	{
		document.getElementById(x).innerHTML='<h1>Churchill Park School  </h1><h1>   Wednesday 3:15-4:00</h1>';
	}
	else if(document.forms[0].checker2.options[15].selected)
	{
		document.getElementById(x).innerHTML='<h1>Ponsonby Primary School  </h1><h1>   Thursday 3:15-4:00</h1>';
	}
	else if(document.forms[0].checker2.options[16].selected)
	{
		document.getElementById(x).innerHTML='<h1>St Heliers School  </h1><h1>   Friday 3:15-4:00</h1>';
	}
	else if(document.forms[0].checker2.options[17].selected)
	{
		document.getElementById(x).innerHTML='<h1>One Tree Hill Kindergarden  </h1><h1>   Friday 12:15-1:00</h1>';
	}
	else if(document.forms[0].checker2.options[18].selected)
	{
		document.getElementById(x).innerHTML='<h1>Cornwall Park District School  </h1><h1>   Wednesday 3:15-4:00</h1>';
	}
	else if(document.forms[0].checker2.options[19].selected)
	{
		document.getElementById(x).innerHTML='<h1> Greenhithe Hall (3 and 4 year olds)  </h1><h1>   Tuesday  12:00 - 12:40</h1>';
	}
	else if(document.forms[0].checker2.options[20].selected)
	{
		document.getElementById(x).innerHTML='<h1> Browns Bay Preschool (3 and 4 year olds - Browns Bay preschool kids only) </h1><h1>   Tuesday 1:30 - 2:15</h1>';
	}
	else if(document.forms[0].checker2.options[21].selected)
	{
		document.getElementById(x).innerHTML='<h1> Upper Harbour Primary (5-8 year olds) </h1><h1>   Wednesday 3:15 - 4:00</h1>';
	}
	else if(document.forms[0].checker2.options[22].selected)
	{
		document.getElementById(x).innerHTML='<h1> Monte Cecilia Primary (5-8 year olds)  </h1><h1>   Friday 3:15 - 4:00</h1>';
	}
	return true;
}

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\.]+@[0-9a-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('age_msg').className;
	var f3 = document.getElementById('phone_msg').className;
	var f4 = document.getElementById('email_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";
		}
	}	
}