//Function to dynamically rewrite the Choral Camp Registration form
// in response to Total number of campers being registered

function ShowKids(campers,deadline,jfull,jregyear,c1dates,c2dates)
{

//Replace any previous dynamic elements
var oldel=document.getElementById("actual");
var newel=document.createElement("b");
document.getElementById("kidss").replaceChild(newel, oldel);

//Calculate and display the proper fees for this number of campers
frmCCRegister.showregs.value = (frmCCRegister.Campers.value) * 1;

//Set conditional disabling of Camp Date buttons based on Full flag
dc1=(jfull == 1 || jfull == 3)? 'disabled="disabled"': ''
dc2=(jfull == 2 || jfull == 3)? 'disabled="disabled"': ''

//initialize block-writing variable
info = "";

//Loop to write form blocks for second and subsequent campers
for (i=2; i <= campers; i++) {
info = info +  '<br><blockquote class="termhead" style="margin-left:0px; font-size:12pt; font-weight:bold">Camper ' + i + ' Data</blockquote>';
info = info +  '<table><tr><td width="100">First Name:</td>';
info = info +  '<td><input type="text" name="FirstName' + i + '" size="30" maxlength="30" onChange = "this.value = PCase(this.value)"></td></tr>';
info = info +  '<tr><td width="100">Last Name:</td>';
info = info +  '<td><input type="text" name="LastName' + i + '" size="30" maxlength="30" onChange = "this.value = PCase(this.value)"></td></tr>';
info = info +  '<tr><td>Sex:</td>';
info = info +  '<td><select name="Sex' + i + '"><option value="F">Female<option value="M">Male</select></td></tr>';
info = info +  '<tr><td>Date of Birth:</td>';
info = info +  '<td><input type="text" name="DOB' + i + '" size="12"></td></tr>';
info = info +  '<tr><td>Grade completed<br>as of July ' + jregyear + ':</td>';
info = info +  '<td><select name="Grade' + i + '"><option value="2">2nd<option value="3">3rd<option value="4">4th';
info = info +  '<option value="5">5th<option value="6">6th<option value="7">7th<option value="8">8th</select></td></tr>';
info = info +  '<tr><td>Which Dates?</td>';
info = info +  '<td><input type="radio" name="Dates' + i + '" value="Camp_1" ' + dc1 + '>' + c1dates + '&nbsp;&nbsp;&nbsp;&nbsp;';
info = info +  '<input type="radio" name="Dates' + i + '" value="Camp_2" ' + dc2 + '>' + c2dates + '</td></tr>';
info = info +  '</table>';

}


//Replace the blank element with Camper registration blocks
oldel.innerHTML = info;
document.getElementById("kidss").replaceChild(oldel, newel)


var fees = 0;

if(deadline == "Yes")
{

	switch (campers * 1) 
	{
	case 1: fees = '$225'; break;
	case 2: fees = '$420'; break;
	case 3: fees = '$585'; break;
	case 4: fees = '$750'; break;
	case 5: fees = '$915'; break;
	case 6: fees = '$1080'; break;
	default: fees = 'Error';
	}

}

else
{
	switch (campers * 1) 
	{
	case 1: fees = '$255'; break;
	case 2: fees = '$480'; break;
	case 3: fees = '$675'; break;
	case 4: fees = '$870'; break;
	case 5: fees = '$1065'; break;
	case 6: fees = '$1260'; break;
	default: fees = 'Error';
	}

}

frmCCRegister.ShowFees.value = fees;
frmCCRegister.FeesDue.value = fees;



return;
}