﻿function selectKids(Kids)
{
	document.getElementById('PlayerInfo').innerHTML = '';	
	var PlayerDiv = '';
	
	if(Kids >= 4)
	{
		document.getElementById('NumberOfKids').disabled = false;
		document.getElementById('NumberOfKids').value = Kids;
		document.getElementById('kids_num').value = Kids;
		document.getElementById('KidBtn').style.visibility = 'visible';
		
		document.getElementById('amount').value = 100;
		document.getElementById('item_name').value = '4 or More Players';
		
	}
	else
	{
		if(Kids == 1)
		{
			document.getElementById('amount').value = 55;
			document.getElementById('item_name').value = 'One Player';
		}
		else if(Kids == 2)
		{
			document.getElementById('amount').value = 75;
			document.getElementById('item_name').value = 'Two Players';
		}
		else if(Kids == 3)
		{
			document.getElementById('amount').value = 90;
			document.getElementById('item_name').value = 'Three Players';
		}
		document.getElementById('NumberOfKids').disabled = true;
		document.getElementById('NumberOfKids').value = Kids;
		document.getElementById('kids_num').value = Kids;
		document.getElementById('KidBtn').style.visibility = 'hidden';
	}
	
	var IncName = '';
	
	for(var i = 1; i <= Kids; i++)
	{		
		//Since you cant user numerals to increment the names of form fields, I am using the letter A
		if(Kids == 1)
		{
			IncName = 'A';
		}
		else
		{
			IncName += 'A'; 
		}
		
		PlayerDiv += '<h2>Player ' + i + ' Information</h2>';
		PlayerDiv += 'Player\'s ' + i + ' First Name:<br /><input type="text" id="PlayerFirstName' + IncName + '" name="PlayerFirstName' + IncName + '" value="" size="24" /><br />';
		PlayerDiv += 'Player\'s ' + i + ' Last Name:<br /><input type="text" id="PlayerLastName' + IncName + '" name="PlayerLastName' + IncName + '" size="24" /><br />';
		PlayerDiv += 'Player\'s ' + i + '  Birthdate: (m/d/y)<br />';
		PlayerDiv += '<input type="text" name="Birth' + IncName + '" id="Birth' + IncName + '" size="10" /><br />';
		PlayerDiv += 'Player ' + i + ' Age (as of 12/31/09): <br />';
		PlayerDiv += '<input type="text" name="Age' + IncName + '" id="Age' + IncName + '" size="6" /><br />';
		PlayerDiv += 'Player ' + i + ' T-Shirt Size:<br />';
		PlayerDiv += '<select name="PlayerTShirt' + IncName + '" id="PlayerTShirt' + IncName + '" size="1">';
		PlayerDiv += '<option value="0" selected="selected">Choose Size</option><option value="CM">Child Medium</option><option value="CL">Child Large</option><option value="S">Adult Small</option><option value="M">Adult Medium</option><option value="L">Adult Large</option><option value="XL">Adult XL</option></select>';
		PlayerDiv += '<br /><b>Select league based on birthdate:</b><br />';
		PlayerDiv += '<select name="LeaguePlayer' + IncName + '" id="LeaguePlayer' + IncName + '"><option value="0" selected="selected">Choose League</option>';
		PlayerDiv += '<option value="15-18">1/1/91 - 12/31/94 (15 to 18) </option>';
		PlayerDiv += '<option value="13-14">1/1/95 - 12/31/96 (13 and 14)</option>';
		PlayerDiv += '<option value="11-12">1/1/97 - 12/31/98 (11 and 12)</option>';
		PlayerDiv += '<option value="9-10">1/1/99 - 12/31/00  (9 and 10)</option>';
		PlayerDiv += '<option value="7-8">1/1/01 - 12/31/02 (7 and 8)</option>';
		PlayerDiv += '<option value="6-under">1/1/03 - 12/31/05 (6 and Under)</option></select><br />';
		PlayerDiv += 'Players are allowed to play in appropriate league according to birthdate or they may move up to next league one year early.<br />';
		PlayerDiv += '<br />Medical Conditions:<br />';
		PlayerDiv += '<textarea name="PlayerMedical' + IncName + '" rows="6" cols="53"></textarea><br />';
		PlayerDiv += 'List any medical condition you child may have which you feel necessary for her coach to be aware of. <br /><hr />';

	}
	
	document.getElementById('PlayerInfo').innerHTML = PlayerDiv;
}

function Validate()
{
  var IncName = 'A';
  var PlayerFirstNameID;
  var PlayerLastNameID;
  var PlayerAgeID;
  var PlayerTID;
  var PlayerLeagueID;
  
  //Check form fields
  var NumKids = document.getElementById('kids_num').value;
  
  for(var i = 1; i <= NumKids; i++)
  {
  	//Since you cant user numerals to increment the names of form fields, I am using the letter A
	if(i == 1)
	{
		IncName = 'A';
	}
	else
	{
		IncName += 'A'; 
	}
	
  	PlayerFirstNameID = 'PlayerFirstName' + IncName;
  	PlayerLastNameID = 'PlayerLastName' + IncName;
  	PlayerBirthID = 'Birth' + IncName;
  	PlayerAgeID = 'Age' + IncName;
  	PlayerTID = 'PlayerTShirt' + IncName;
  	PlayerLeagueID = 'LeaguePlayer' + IncName;
  	
  	if(document.getElementById(PlayerFirstNameID).value != null)
  	{
  		if(document.getElementById(PlayerFirstNameID).value == "")
  		{
  			alert('Please enter Player '+ i +'\'s First Name');
  			document.getElementById(PlayerFirstNameID).focus()
  			return false;
  		}
  		if(document.getElementById(PlayerLastNameID).value == "")
  		{
  			alert('Please enter Player '+ i +'\'s Last Name');
  			document.getElementById(PlayerLastNameID).focus;
  			return false;
  		}
  		if(document.getElementById(PlayerBirthID).value == "")
  		{
  			alert('Please enter Player '+ i +'\'s Birthdate');
  			document.getElementById(PlayerBirthID).focus();
  			return false;
  		}
  		if(document.getElementById(PlayerAgeID).value == "")
  		{
  			alert('Please enter Player '+ i +'\'s Age');
  			document.getElementById(PlayerAgeID).focus();
  			return false;
  		}
  		if(document.getElementById(PlayerTID).value == "0")
  		{
  			alert('Please enter Player '+ i +'\'s T-Shirt Size');
  			document.getElementById(PlayerTID).focus();
  			return false;
  		}
  		if(document.getElementById(PlayerLeagueID).value == "0")
  		{
  			alert('Please enter Player '+ i +'\'s League');
  			document.getElementById(PlayerLeagueID).focus();
  			return false;
  		}
  	}
  }
}




