var btnAddChild;
var btnAddParent;
var divForm;
var tblForm;
var childName = new Array();
var parentName = new Array();
var birthDate = new Date();

function addChild(childName, month, day, year) {
	tblForm = document.getElementById('tblForm');
	//btnAddChild = document.getElementById('btnAddChild');
	
	var table = document.getElementById('childName');
	var row = table.rows.length;
	var newRow = table.insertRow(row);
	
	var rowLabels = table.insertRow(row);
	var cell0 = rowLabels.insertCell(0);
	var cell1 = rowLabels.insertCell(1);
	cell0.appendChild(document.createTextNode("Name:"));
	cell1.appendChild(document.createTextNode("Date of Birth:"));
	cell1.colSpan = 2;
	
	cell0 = newRow.insertCell(0);
	cell1 = newRow.insertCell(1);
	var cell2 = newRow.insertCell(2);
	var txtName = document.createElement('input');
	var slctMonth = document.createElement('select');
	var slctDay = document.createElement('select');
	var slctYear = document.createElement('select');
	
	//table.rows[row - 1].cells[2].removeChild(btnAddChild);
	
	txtName.type = 'text';
	txtName.className = 'text';
	txtName.name = 'childName[]';
	slctMonth.name = 'childMonth[]';
	slctDay.name = 'childDay[]';
	slctYear.name = 'childYear[]';
	
	cell0.appendChild(txtName);
	cell1.appendChild(slctMonth);
	cell1.appendChild(document.createTextNode(' '));
	cell1.appendChild(slctDay);
	cell1.appendChild(document.createTextNode(' '));
	cell1.appendChild(slctYear);
	//cell2.appendChild(btnAddChild);
	table.deleteRow(document.getElementById('addChildRow').rowIndex);
	
	if (childName) txtName.value = childName;
	
	if (month) populateMonths(slctMonth, month);
	else populateMonths(slctMonth);
	
	if (day) populateDays(slctDay, day);
	else populateDays(slctDay);
	
	if (year) populateYears(slctYear, year);
	else populateYears(slctYear);
	
	table.innerHTML += "\
		<tr>\
			<td colspan='3'>Has your child had any prior swim lessons?</td>\
		</tr>\
		<tr>\
			<td colspan='3'>\
				<input type='radio' class='radio' name='priorLessons[]' value='yes' id='priorLessonsYes' /> Yes\
				<input type='radio' class='radio' name='priorLessons[]' value='no' id='priorLessonsNo' /> No\
			</td>\
		</tr>\
		<tr id='addChildRow'>\
			<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addChild()'>Add Another Child</a></td>\
		</tr>";
}

function addChild2(childName, month, day, year, formType) {
	var tblChildren = document.getElementById('children');
	var numChildren = tblChildren.rows.length;
	var childRow = tblChildren.insertRow(numChildren);
	var cell = childRow.insertCell(0);
	
	if (numChildren > 0) {
		document.getElementById('addChildRow').style.display = 'none';
		document.getElementById('addChildRow').id = '';
	}
	cell.colSpan = 3;
	
	if (formType == 'general') child = childTableSmall(numChildren);
	else if (formType == 'pricing') child = childTablePricing(numChildren);
	else child = childTable(numChildren);
	cell.innerHTML = child;
	
	if (childName) {
		var txtName = document.getElementsByName('childName[]')[numChildren];
		txtName.value = childName;
	}
	
	slctMonth = document.getElementsByName('childMonth[]')[numChildren];
	
	if (month) populateMonths(slctMonth, month);
	else populateMonths(slctMonth);
	
	slctDay = document.getElementsByName('childDay[]')[numChildren];
	
	if (day) populateDays(slctDay, day);
	else populateDays(slctDay);
	
	slctYear = document.getElementsByName('childYear[]')[numChildren];
	
	if (year) populateYears(slctYear, year);
	else populateYears(slctYear);
}

function addGuardian(firstName, lastName, contact, relation) {
	tblForm = document.getElementById('tblForm');
	btnAddParent = document.getElementById('btnAddParent');

	var table = document.getElementById('parentName');
	var row = document.getElementById('parentName').rows.length - 1;
	var newRow = table.insertRow(row);
	
	var cell0 = newRow.insertCell(0);
	var cell1 = newRow.insertCell(1);
	var cell2 = newRow.insertCell(2);
	var cell3 = newRow.insertCell(3);
	
	var txtFirstName = document.createElement('input');
	var txtLastName = document.createElement('input');
	var txtRelation = document.createElement('input');
	
	txtFirstName.type = 'text';
	txtLastName.type = 'text';
	txtRelation.type = 'text';
	txtFirstName.className = 'text';
	txtLastName.className = 'text';
	txtRelation.className = 'text';
	txtFirstName.name = 'guardianFirstName[]';
	txtLastName.name = 'guardianLastName[]';
	txtRelation.name = 'guardianRelation[]';
	if (firstName) txtFirstName.value = firstName;
	if (lastName) txtLastName.value = lastName;
	if (relation) txtRelation.value = relation;
	
	var txtContact = document.createElement('input');
	txtContact.type = 'text';
	txtContact.className = 'text';
	txtContact.name = 'guardianContact[]';
	if (contact) txtContact.value = contact;
	
	//table.rows[row - 1].cells[3].removeChild(btnAddParent);
	
	cell0.appendChild(txtFirstName);
	cell1.appendChild(txtLastName);
	cell2.appendChild(txtContact);
	cell3.appendChild(txtRelation);
	//cell3.appendChild(btnAddParent);
}

function addParent(parentName) {
	tblForm = document.getElementById('tblForm');
	btnAddParent = document.getElementById('btnAddParent');

	var table = document.getElementById('parentName');
	var row = document.getElementById('parentName').rows.length;
	var newRow = table.insertRow(row);
	
	var cell0 = newRow.insertCell(0);
	var cell1 = newRow.insertCell(1);
	
	var txtName = document.createElement('input');
	txtName.type = 'text';
	txtName.name = 'parentFirstName[]';
	if (parentName) txtName.value = parentName;
	
	table.rows[row - 1].cells[1].removeChild(btnAddParent);
	
	cell0.appendChild(txtName);
	cell1.appendChild(btnAddParent);
}

function addSpouse(firstName, lastName, phone) {
	var tblForm = document.getElementById('tblForm');
	var tableRow = document.getElementById('spouse');
	
	var newRow = tblForm.insertRow(tableRow.rowIndex);
	var a = newRow.insertCell(0);
	var b = newRow.insertCell(1);
	a.appendChild(document.createTextNode("First Name:"));
	b.appendChild(document.createTextNode("Last Name:"));
	b.colSpan = 2;
	
	tableRow.deleteCell(0);
	var a = tableRow.insertCell(0);
	var b = tableRow.insertCell(1);
	tableRow.insertCell(2);
	var txtFirstName = document.createElement('input');
	var txtLastName = document.createElement('input');
	
	txtFirstName.type = 'text';
	txtLastName.type = 'text';
	txtFirstName.name = 'firstName2';
	txtLastName.name = 'parentLastName2';
	txtFirstName.className = 'text';
	txtLastName.className = 'text';
	
	if (firstName) txtFirstName.value = firstName;
	if (lastName) txtLastName.value = lastName;
	
	a.appendChild(txtFirstName);
	b.appendChild(txtLastName);
}

function childTable(numChildren) {
	var classCheckboxes = '';
	
	for (i = 0; i < classes.length; i++) {
		classCheckboxes += "<input type='checkbox' class='radio' name='class%N%[]' id='class" + i + "%N%' value='" + classes[i] + "' /> <label for='class" + i + "%N%'>" + classes[i] + "</label><br />";
	}

	/*
	<input type='checkbox' class='radio' name='class%N%[]' id='class1%N%' value='NAC March 9-14, 2009 (6 days)' /> <label for='class1%N%'>NAC March 9-14, 2009 (6 days)</label><br />\
	<input type='checkbox' class='radio' name='class%N%[]' id='class2%N%' value='NAC March 15,22,29,Apr 5,2009 Balance Maintenance' /> <label for='class2%N%'>NAC March15,22,29,Apr 5,2009 Balance Maintenance</label><br />\
	<input type='checkbox' class='radio' name='class%N%[]' id='class3%N%' value='NAC March 16-21, 2009 (6 days)' /> <label for='class3%N%'>NAC March 16-21, 2009 (6 days)</label>\
	*/
	var html = "\
		<table id='child%N%' width='100%'>\
			<tr>\
				<td>Name:*</td>\
				<td colspan='2'>Date of Birth:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='childName[]' value='' /></td>\
				<td>\
					<select name='childMonth[]'></select>\
					<select name='childDay[]'></select>\
					<select name='childYear[]'></select>\
				</td>\
				<td></td>\
			</tr>\
			<tr\>\
				<td colspan='3'>Has your child had any prior swim lessons?</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					<input type='radio' class='radio' name='priorLessons%N%' value='yes' id='priorLessonsYes%N%' /> <label for='priorLessonsYes%N%'>Yes</label>\
					<input type='radio' class='radio' name='priorLessons%N%' value='no' id='priorLessonsNo%N%' /> <label for='priorLessonsNo%N%'>No</label>\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3'>Requested Classes:</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					%CLASSES%\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3'>Preferred Time:</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					<select name='preferredTime%N%'>\
						<option value='AM'>AM</option>\
						<option value='PM'>PM</option>\
						<option value='none'>No Preference</option>\
					</select>\
				</td>\
			</tr>\
			<tr id='addChildRow'>\
				<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addChild2()'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addChild2()'>Add Another Child</a></td>\
			</tr>\
		</table>";
	
	html = html.replace('%CLASSES%', classCheckboxes);
	html = html.replace(/%N%/g, numChildren);
	
	return html;
}

function childTablePricing(numChildren) {
	var classCheckboxes = '';
	
	for (i = 0; i < classes.length; i++) {
		classCheckboxes += "<input type='checkbox' class='radio' name='class%N%[]' id='class" + i + "%N%' value='" + classes[i] + "' /> <label for='class" + i + "%N%'>" + classes[i] + "</label><br />";
	}

	var html = "\
		<table id='child%N%' width='100%'>\
			<tr>\
				<td>Name:*</td>\
				<td colspan='2'>Date of Birth:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='childName[]' value='' /></td>\
				<td>\
					<select name='childMonth[]'></select>\
					<select name='childDay[]'></select>\
					<select name='childYear[]'></select>\
				</td>\
				<td></td>\
			</tr>\
			<tr>\
				<td colspan='3'>Requested Classes:</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					%CLASSES%\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3'>Preferred Time:</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					<select name='preferredTime%N%'>\
						<option value='AM'>AM</option>\
						<option value='PM'>PM</option>\
						<option value='none'>No Preference</option>\
					</select>\
				</td>\
			</tr>\
			<tr id='addChildRow'>\
				<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addChild2(null, null, null, null, \"pricing\")'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addChild2(null, null, null, null, \"pricing\")'>Add Another Child</a></td>\
			</tr>\
		</table>";
	
	html = html.replace('%CLASSES%', classCheckboxes);
	html = html.replace(/%N%/g, numChildren);
	
	return html;
}

function childTableSmall(numChildren) {
	var classCheckboxes = '';

	var html = "\
		<table id='child%N%'>\
			<tr>\
				<td>Name:*</td>\
				<td colspan='2'>Date of Birth:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='childName[]' value='' /></td>\
				<td>\
					<select name='childMonth[]'></select>\
					<select name='childDay[]'></select>\
					<select name='childYear[]'></select>\
				</td>\
				<td></td>\
			</tr>\
			<tr id='addChildRow'>\
				<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addChild2(null, null, null, null, \"general\")'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addChild2(null, null, null, null, \"general\")'>Add Another Child</a></td>\
			</tr>\
		</table>";

	html = html.replace(/%N%/g, numChildren);
	
	return html;
}

function createGeneralForm() {
	divForm = document.getElementById('divForm');
	
	divForm.innerHTML = "\
		<p id='errors'></p>\
		<table id='tblForm' width='700px'>\
		<tr>\
			<td class='header' colspan='3'>Parent Information</td>\
		</tr>\
		<tr>\
			<td>First Name:*</td>\
			<td>Last Name:*</td>\
			<td>Home Phone:</td>\
		</tr>\
		<tr>\
			<td><input type='text' class='text' name='firstName' value='' /></td>\
			<td><input type='text' class='text' name='parentLastName' value='' /></td>\
			<td><input type='text' class='text' name='homePhone' value='' /></td>\
		</tr>\
		<tr id='spouse'>\
			<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addSpouse()'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addSpouse()'>Add 2nd Parent</a></td>\
		</td>\
			<tr>\
				<td colspan='3'>Email:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='email' value='' /></td>\
				<td colspan='2'>&nbsp;</td>\
			</tr>\
			<tr>\
				<td class='header' colspan='3'>Children Information</td>\
			</tr>\
			<tr>\
				<td colspan='3' style='padding: 0px;'>\
					<table width='100%' id='children'>\
					</table>\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3' class='header'>Message</td>\
			</tr>\
			<tr>\
				<td colspan='3'><textarea name='message' rows='5' cols='60'></textarea></td>\
			</tr>\
			<tr>\
				<td><input type='submit' value='Send Contact' name='generalContact' /></td>\
				<td colspan='2'>&nbsp;</td>\
			</tr>\
		</table>";
	
	addChild2(null, null, null, null, 'general');
	//month = document.getElementsByName('childMonth[]')[0];
	//day = document.getElementsByName('childDay[]')[0];
	//year = document.getElementsByName('childYear[]')[0];
	
	//populateMonths(month);
	//populateDays(day);
	//populateYears(year);
	
	tblForm = document.getElementById('tblForm');
}

function createPreregForm() {
	/* TODO: Guardians
	<tr id='lblAuthorized'>\
		<td colspan='3'>Are there any other adults authorized to pick students up from class?</td>\
	</tr>\
	<tr>\
		<td colspan='3'>\
			<input type='radio' class='radio' name='showGuardian' id='showGuardianYes' onclick='javascript:enableGuardian()' /> <label for='showGuardianYes'> Yes</label>\
			<input type='radio' class='radio' name='showGuardian' id='showGuardianNo' onclick='javascript:disableGuardian()' /> <label for='showGuardianNo'> No</label>\
		</td>\
	</tr>\
	<tr id='guardian' style='display: none;'>\
		<td class='header' colspan='3'><span>Adults authorized to pick students up from class</span></td>\
	</tr>\
	<tr>\
		<td colspan='3' style='padding: 0px;'>\
			<table id='parentName' style='display: none;'>\
				<tr>\
					<td>First Name:</td>\
					<td>Last Name:</td>\
					<td>Contact #:*</td>\
					<td>Relation:</td>\
				</tr>\
				<tr>\
					<td><input type='text' class='text' name='guardianFirstName[]' value='' /></td>\
					<td><input type='text' class='text' name='guardianLastName[]' value='' /></td>\
					<td><input type='text' class='text' name='guardianContact[]' value='' /></td>\
					<td><input type='text' class='text' name='guardianRelation[]' value='' /></td>\
				</tr>\
				<tr>\
					<td colspan='4'><a href='javascript:void(0);' onclick='addGuardian();'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='addGuardian();'>Add Adult</a></td>\
				</tr>\
			</table>\
		</td>\
	</tr>\
	*/
	
	divForm = document.getElementById('divForm');
	
	divForm.innerHTML = "\
		<p id='errors'></p>\
		<p>Please use this form when you are ready to sign up for classes. After submitting this form, we will contact you to finalize your schedule, arrange payment and discuss any additional items. This Registration does NOT guarantee you will be placed into the dates you request. All requests are prioritized in the order received.</p>\
		<table id='tblForm' border='0'>\
			<tr>\
				<td class='header' colspan='3'>Parent Information</td>\
			</tr>\
			<tr>\
				<td>First Name:*</td>\
				<td>Last Name:*</td>\
				<td>Home Phone:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='firstName' value='' /></td>\
				<td><input type='text' class='text' name='parentLastName' value='' /></td>\
				<td><input type='text' class='text' name='homePhone' value='' /></td>\
			</tr>\
			<tr id='spouse'>\
				<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addSpouse()'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addSpouse()'>Add 2nd Parent</a></td>\
			</td>\
			<tr>\
				<td>Email:*</td>\
				<td>Cell Phone:</td>\
				<td>Work Phone:</td>\
			</tr>\
				<td><input type='text' class='text' name='email' value='' /></td>\
				<td><input type='text' class='text' name='cellPhone' value='' /></td>\
				<td><input type='text' class='text' name='workPhone' value='' /></td>\
			</tr>\
			<tr>\
				<td>Address:*</td>\
				<td>City:*</td>\
				<td>State:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='address' value='' /></td>\
				<td><input type='text' class='text' name='city' value='' /></td>\
				<td><select name='state' id='state' /></td>\
			</tr>\
			<tr>\
				<td colspan='3'>Zip Code:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='zip' value='' /></td>\
				<td colspan='2'></td>\
			</tr>\
			<tr>\
				<td colspan='3'>New Family:*</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					<input type='radio' class='radio' name='newFamily' value='yes' id='newFamilyYes' onclick='javascript:enableReferred()' /> <label for='newFamilyYes'>Yes</label>\
					<input type='radio' class='radio' name='newFamily' value='no' id='newFamilyNo' onclick='javascript:disableReferred()' /> <label for='newFamilyNo'>No</label>\
				</td>\
			</tr>\
			<tr id='referrer' style='display: none;'>\
				<td colspan='3''>Referred By: (N/A if returning family)</td>\
			</tr>\
			<tr id='referrerInput' style='display: none;'>\
				<td><input type='text' class='text' name='referrer' value='' /></td>\
				<td colspan='2'>&nbsp;</td>\
			</tr>\
			\
			<tr>\
				<td colspan='3'>Do you have a pool in your own backyard?</td>\
			</tr>\
			<tr>\
				<td colspan='3'>\
					<input type='radio' class='radio' name='backyardPool' value='yes' id='backyardPoolYes' /> <label for='backyardPoolYes'>Yes</label>\
					<input type='radio' class='radio' name='backyardPool' value='no' id='backyardPoolNo' /> <label for='backyardPoolNo'>No</label>\
				</td>\
			</tr>\
			<tr>\
				<td class='header' colspan='3'>Children Information:</td>\
			</tr>\
			<tr>\
				<td colspan='3' style='padding: 0px;'>\
					<table width='100%' id='children'>\
					</table>\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3'>Please provide us with all medical issues & details specific to your child e.g. ADD, ADHD, asthma, seizures, mentally delayed, etc. Any issues such as these could be highly pertinent to customizing our approaches to teaching your children.</td>\
			</tr>\
			<tr>\
				<td colspan='3'><textarea name='medical' rows='5'></textarea></td>\
			</tr>\
			<tr>\
				<td colspan='3'>Comments:</td>\
			</tr>\
			<tr>\
				<td colspan='3'><textarea name='comments' rows='5'></textarea></td>\
			</tr>\
			<tr>\
				<td colspan='3'><input type='checkbox' class='radio' value='true' name='legal' id='legal' /> <label for='legal'>By checking this box, you agree to the <a href='javascript:void(0);' onclick='javascript:showLegalTerms();'>legal terms</a> set forth by Bubbles and Roll.</label></td>\
			</tr>\
			<tr>\
				<td colspan='3'><input type='submit' value='Preregister' name='preRegister' />\
			</tr>\
		</table>";
	
	addChild2();
	//month = document.getElementsByName('childMonth[]')[0];
	//day = document.getElementsByName('childDay[]')[0];
	//year = document.getElementsByName('childYear[]')[0];
	
	//populateMonths(month);
	//populateDays(day);
	//populateYears(year);
	populateStates(document.getElementById('state'));
	
	tblForm = document.getElementById('tblForm');
}

function createPricingForm() {
	divForm = document.getElementById('divForm');
	
	divForm.innerHTML = "\
		<p id='errors'></p>\
		<table id='tblForm' width='700px'>\
			<tr>\
				<td class='header' colspan='3'>Parent Information</td>\
			</tr>\
			<tr>\
				<td>First Name:*</td>\
				<td>Last Name:*</td>\
				<td>Home Phone:</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='firstName' value='' /></td>\
				<td><input type='text' class='text' name='parentLastName' value='' /></td>\
				<td><input type='text' class='text' name='homePhone' value='' /></td>\
			</tr>\
			<tr id='spouse'>\
				<td colspan='3'><a href='javascript:void(0);' onclick='javascript:addSpouse()'><img src='images/add.png' /></a> <a href='javascript:void(0);' onclick='javascript:addSpouse()'>Add 2nd Parent</a></td>\
			</td>\
			<tr>\
				<td colspan='3'>Email:*</td>\
			</tr>\
			<tr>\
				<td><input type='text' class='text' name='email' value='' /></td>\
				<td colspan='2'>&nbsp;</td>\
			</tr>\
			<tr>\
				<td class='header' colspan='3'>Children Information</td>\
			</tr>\
			<tr>\
				<td colspan='3' style='padding: 0px;'>\
					<table width='100%' id='children'>\
					</table>\
				</td>\
			</tr>\
			<tr>\
				<td colspan='3'>Comments:</td>\
			</tr>\
			<tr>\
				<td colspan='3'><textarea name='comments' rows='5'></textarea></td>\
			</tr>\
			<tr>\
				<td>&nbsp;</td>\
				<td colspan='3'><input type='submit' value='Send Contact' name='pricingContact' />\
			</tr>\
		</table>";
	
	addChild2(null, null, null, null, 'pricing');
	
	tblForm = document.getElementById('tblForm');
}

function enableGuardian() {
	var lblGuardian = document.getElementById('guardian');
	var tblGuardian = document.getElementById('parentName');
	
	var ie7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false;
	
	if (!ie7) {
		lblGuardian.style.display = 'table-row';
		tblGuardian.style.display = 'table';
	} else {
		lblGuardian.style.display = 'block';
		tblGuardian.style.display = 'block';
	}
}

function enableReferred() {
	var lblReferrer = document.getElementById('referrer');
	var txtReferrer = document.getElementById('referrerInput');
	
	lblReferrer.style.display = 'block';
	txtReferrer.style.display = 'block';
}

function disableGuardian() {
	var lblGuardian = document.getElementById('guardian');
	var tblGuardian = document.getElementById('parentName');
	
	lblGuardian.style.display = 'none';
	tblGuardian.style.display = 'none';
}

function disableReferred() {
	var lblReferrer = document.getElementById('referrer');
	var txtReferrer = document.getElementById('referrerInput');
	
	lblReferrer.style.display = 'none';
	txtReferrer.style.display = 'none';
}

function getMonth(month) {
	switch(month) {
		case 0:
			return 'January';
			break;
		
		case 1:
			return 'February';
			break;
		
		case 2:
			return 'March';
			break;
		
		case 3:
			return 'April';
			break;
		
		case 4:
			return 'May';
			break;
			
		case 5:
			return 'June';
			break;
			
		case 6:
			return 'July';
			break;
			
		case 7:
			return 'August';
			break;
			
		case 8:
			return 'September';
			break;
			
		case 9:
			return 'October';
			break;
		
		case 10:
			return 'November';
			break;
			
		case 11:
			return 'December';
			break;
	}
}

function populateDays(dayElement, day) {
	//dayElement = document.getElementById(dayElement);
	option = document.createElement('option');
	option.innerHTML = 'Day';
	dayElement.appendChild(option);
	for (i = 1; i <= 31; i++) {
		option = document.createElement('option');
		option.value = i;
		option.innerHTML = i;
		dayElement.appendChild(option);
	}
	dayElement.selectedIndex = day;
}

function populateMonths(monthElement, month) {
	//monthElement = document.getElementById(monthElement);
	option = document.createElement('option');
	option.innerHTML = 'Month';
	monthElement.appendChild(option);
	for (i = 0; i <= 11; i++) {
		option = document.createElement('option');
		option.value = i + 1;
		option.innerHTML = getMonth(i);
		monthElement.appendChild(option);
	}
	monthElement.selectedIndex = (month);
}

function populateStates(stateElement) {
	var states = Array(
			'Alabama',
			'Alaska',
			'Alberta',
			'Arizona',
			'Arkansas',
			'British Columbia',
			'California',
			'Colorado',
			'Connecticut',
			'Delaware',
			'District of Columbia',
			'Florida',
			'Georgia',
			'Hawaii',
			'Idaho',
			'Illinois',
			'Indiana',
			'Iowa',
			'Kansas',
			'Kentucky',
			'Louisiana',
			'Maine',
			'Manitoba',
			'Maryland',
			'Massachusetts',
			'Michigan',
			'Minnesota',
			'Mississippi',
			'Missouri',
			'Montana',
			'Nebraska',
			'Nevada',
			'New Brunswick',
			'New Hampshire',
			'New Jersey',
			'New Mexico',
			'New York',
			'Newfoundland',
			'North Carolina',
			'North Dakota',
			'Northwest Territories',
			'Nova Scotia',
			'Nunavut',
			'Ohio',
			'Oklahoma',
			'Ontario',
			'Oregon',
			'Pennsylvania',
			'Prince Edward Island',
			'Puerto Rico',
			'Quebec',
			'Rhode Island',
			'Saskatchewan',
			'South Carolina',
			'South Dakota',
			'Tennessee',
			'Texas',
			'Utak',
			'Vermont',
			'Virginia',
			'Washington',
			'West Virginia',
			'Wisconsin',
			'Wyoming',
			'Yukon'
	);
	
	for (i = 0; i < states.length; i++) {
		option = document.createElement('option');
		option.value = states[i];
		option.innerHTML = states[i];
		if (states[i] == 'Tennessee') option.selected = true;
		stateElement.appendChild(option);
	}
}

function populateYears(yearElement, year) {
	//yearElement = document.getElementById(yearElement);
	option = document.createElement('option');
	option.innerHTML = 'Year';
	yearElement.appendChild(option);
	for (i = 2012; i >= 1995; i--) {
		option = document.createElement('option');
		option.value = i;
		option.innerHTML = i;
		yearElement.appendChild(option);
	}
	if (year) yearElement.selectedIndex = 2013 - year;
}

function setChild(childName, month, day, year) {
	var txtName = document.getElementsByName('childName[]')[0];
	var slctMonth = document.getElementsByName('childMonth[]')[0];
	var slctDay = document.getElementsByName('childDay[]')[0];
	var slctYear = document.getElementsByName('childYear[]')[0];
	
	txtName.value = childName;
	populateMonths(slctMonth, month);
	populateDays(slctDay, day);
	populateYears(slctYear, year);
}

function setChild2(childName, month, day, year) {
	var txtName = document.getElementsByName('childName[]')[0];
	
	txtName.value = childName;
}

function setFormType(formType) {
	tblForm = document.getElementById('tblForm');
	var divFormOptions = document.getElementById('formOptions');
	var slctContactType = document.getElementById('contact_type');
	
	if (divFormOptions) divFormOptions.style.display = 'none';
	
	switch(formType) {
		case "general":
			createGeneralForm();
			document.title = 'General Contact Form - Bubbles & Roll';
			document.getElementById('heading_h1').innerHTML = 'General Contact Form';
			form1 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"pricing\");'>Pricing/Availability Form</a>";
			form2 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"prereg\");'>Registration Form</a>";
			break;
		
		case "pricing":
			createPricingForm();
			document.title = 'Pricing/Availability Request Form - Bubbles & Roll';
			document.getElementById('heading_h1').innerHTML = 'Pricing/Availability Request Form';
			form1 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"general\");'>General Contact Form</a>";
			form2 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"prereg\");'>Registration Form</a>";
			break;
			
		case "prereg":
			createPreregForm();
			document.title = 'Registration - Bubbles & Roll';
			document.getElementById('heading_h1').innerHTML = 'Registration Form';
			form1 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"general\");'>General Contact Form</a>";
			form2 = "<a href='javascript:void(0);' onclick='javascript:setFormType(\"pricing\");'>Pricing/Availability Form</a>";
			break;
	}
	
	if (slctContactType) slctContactType.innerHTML = "<p>Change to " + form1 + " or " + form2 + ".</p>";
}

/*
 * TODO: Guardians
function setGuardian(firstName, lastName, contact, relation) {
	var txtFirstName = document.getElementsByName('guardianFirstName[]')[0];
	var txtLastName = document.getElementsByName('guardianLastName[]')[0];
	var txtContact = document.getElementsByName('guardianContact[]')[0];
	var txtRelation = document.getElementsByName('guardianRelation[]')[0];
	
	txtContact.value = contact;
	txtFirstName.value = firstName;
	txtLastName.value = lastName;
	txtRelation.value = relation;
}*/

function setParent(parentName) {
	var txtName = document.getElementsByName('parentFirstName[]')[0];
	
	txtName.value = parentName;
}

function showLegalTerms() {
	popUp = window.open('', 'Legal', 'height=200,width=500');
	var tmp = popUp.document;
	tmp.writeln('<html>');
	tmp.writeln('<head><title>Legal Terms - Bubbles & Roll</title></head>');
	tmp.writeln("<body style='background-color: #368FC8; color: #FFFFFF; font-family: Verdana; font-size: 12px;'>");
	tmp.writeln("<h1>Legal Terms</h1>");
	tmp.writeln('<p>By submitting the pre-registration or registration form, I consent to the listed child/children having full participation in the Swim Program. I assume all risks incidental to such participation and hereby release Carolyn Sweetman, family and swim instructors from any claim arising out of injury to the child and/or to myself or to any of my property while participating in the above Swim Program. I assume full responsibility for supervision of my child/ children when they are not under the direct supervision of the swim instructors.</p>');
	tmp.writeln('</body>');
	tmp.writeln('</html>');
}