var children = 1;

$(document).ready(function(){
	$('#friend').click(function(){ 
		$('.optional').fadeOut();
		$('#friendwrap').fadeIn();
	});
	$('#websearch').click(function(){ 
		$('.optional').fadeOut();
		$('#websearchwrap').fadeIn();
	});
	$('#postcard').click(function(){ 
		$('.optional').fadeOut();
		$('#postcardwrap').fadeIn();
	});
	$('#media').click(function(){ 
		$('.optional').fadeOut();
		$('#mediawrap').fadeIn();
	});
	$('#advertisement').click(function(){ 
		$('.optional').fadeOut();
		$('#advertisementwrap').fadeIn();
	});
	$('#other').click(function(){ 
		$('.optional').fadeOut();
		$('#otherwrap').fadeIn();
	});
	$('#facebook').click(function(){ 
		$('.optional').fadeOut();
	});
	$('#submitchild').click(function(){ 
		validateChildren();
		return false;
	});
	
	
	$('#addchild').click(function(){
		if(confirm('Add Another Child?')){
			children += 1;
			$('#addchildwrap').append(addChild());
			$('select#childyear'+children).html(makeYearDropdown());
			$('#childnumber'+children).fadeIn();
			$(this).blur();
			location.hash = "#bottom";
			return false;
		}
		return false;
	});
	
	$("select#childyear1").html(makeYearDropdown());
});

function makeYearDropdown(){
	var d = new Date();
	var y = d.getYear();
	var year = (y<1900) ? d.getYear()+1900:y;
	var minyear = (year-10);
	var output = '<option value="" selected="selected">YYYY</option>';
	
	for(i=year; i>=minyear; i--){
		output += '<option value="'+i+'">'+i+'<\/option>';
	}
	return output;
}

function addChild(){
	var output = '<table width="504" border="0" cellpadding="5" cellspacing="0" class="swimmerblock" id="childnumber'+children+'" style="display:none">';
	output += '<tr>';
	output += '<td>Child\'s Name: <input type="text" name="childname[]" id="childname'+children+'" class="medium" />';
	output += 'Birthdate: <select name="childmonth[]" id="childmonth'+children+'">';
	output += '<option value="" selected="selected">MM</option>';
	output += '<option value="January">Jan</option>';
	output += '<option value="February">Feb</option>';
	output += '<option value="March">Mar</option>';
	output += '<option value="April">Apr</option>';
	output += '<option value="May">May</option>';
	output += '<option value="June">Jun</option>';
	output += '<option value="July">Jul</option>';
	output += '<option value="August">Aug</option>';
	output += '<option value="September">Sep</option>';
	output += '<option value="October">Oct</option>';
	output += '<option value="November">Nov</option>';
	output += '<option value="December">Dec</option>';
	output += '</select>';
	output += '<select name="childday[]" id="childday'+children+'">';
	output += '<option value="" selected="selected">DD</option>';
	output += '<option value="1">1</option>';
	output += '<option value="2">2</option>';
	output += '<option value="3">3</option>';
	output += '<option value="4">4</option>';
	output += '<option value="5">5</option>';
	output += '<option value="6">6</option>';
	output += '<option value="7">7</option>';
	output += '<option value="8">8</option>';
	output += '<option value="9">9</option>';
	output += '<option value="10">10</option>';
	output += '<option value="11">11</option>';
	output += '<option value="12">12</option>';
	output += '<option value="13">13</option>';
	output += '<option value="14">14</option>';
	output += '<option value="15">15</option>';
	output += '<option value="16">16</option>';
	output += '<option value="17">17</option>';
	output += '<option value="18">18</option>';
	output += '<option value="19">19</option>';
	output += '<option value="20">20</option>';
	output += '<option value="21">21</option>';
	output += '<option value="22">22</option>';
	output += '<option value="23">23</option>';
	output += '<option value="24">24</option>';
	output += '<option value="25">25</option>';
	output += '<option value="26">26</option>';
	output += '<option value="27">27</option>';
	output += '<option value="28">28</option>';
	output += '<option value="29">29</option>';
	output += '<option value="30">30</option>';
	output += '<option value="31">31</option>';
	output += '</select>';
	output += '<select name="childyear[]" id="childyear'+children+'"></select>';
	output += '</td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td>Swimming &amp; Water Comfort Level:</td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td>';
	output += '<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">';
	output += '<tr>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="fearful'+children+'" value="Fearful" />Fearful</label></td>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="swimswithaid'+children+'" value="Swims With Flotation Aid" />Swims With Flotation Aid</label></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="putsfacein'+children+'" value="Puts Face In" />Puts Face In</label></td>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="swimswithoutaid'+children+'" value="Swims Without Flotation (Independently)" />Swims Without Flotation (Independently)</label></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="wontputfacein'+children+'" value="Will Not Put Face In" />Will Not Put Face In</label></td>';
	output += '<td><label><input type="checkbox" name="childcomfortlevel['+(children-1)+'][]" id="comfortother'+children+'" value="Other" />Other</label>&nbsp;<input type="text" name="childcomfortother[]" id="childcomfortother'+children+'" class="medium" /></td>';
	output += '</tr>';
	output += '</table>';
	output += '<br />';
	output += '</td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td style="background:url(img/availbg.gif) top left no-repeat; width:504px;x" class="availability"><h3>Availability</h3>Preferred Class Times: <em>Please check all that apply.</em></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td>';
	output += '<table width="400" border="0" align="center" cellpadding="3" cellspacing="0">';
	output += '<tr>';
	output += '<td>&nbsp;</td>';
	output += '<td align="center" class="cellrl">Sat</td>';
	output += '<td align="center">Sun</td>';
	output += '<td align="center" class="cellrl">Mon</td>';
	output += '<td align="center">Tue</td>';
	output += '<td align="center" class="cellrl">Wed</td>';
	output += '<td align="center">Thu</td>';
	output += '<td align="center" class="cellrl">Fri</td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td class="celltb">Mornings<br /><em>9:00am - Noon</em></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="saturdaymorning'+children+'" value="Saturday Morning" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="sundaymorning'+children+'" value="Sunday Morning" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="mondaymorning'+children+'" value="Monday Morning" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="tuesdaymorning'+children+'" value="Tuesday Morning" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="wednesdaymorning'+children+'" value="Wednesday Morning" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="thursdaymorning'+children+'" value="Thursday Morning" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="fridaymorning'+children+'" value="Friday Morning" /></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td>Mid-day<br /><em>12:00pm - 3:00pm</em></td>';
	output += '<td align="center" class="cellrl"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="saturdaymidday'+children+'" value="Saturday Midday" /></td>';
	output += '<td align="center"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="sundaymidday'+children+'" value="Sunday Midday" /></td>';
	output += '<td align="center" class="cellrl"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="mondaymidday'+children+'" value="Monday Midday" /></td>';
	output += '<td align="center"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="tuesdaymidday'+children+'" value="Tuesday Midday" /></td>';
	output += '<td align="center" class="cellrl"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="wednesday-midday" value="Wednesday Midday" /></td>';
	output += '<td align="center"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="thursdaymidday'+children+'" value="Thursday Midday" /></td>';
	output += '<td align="center" class="cellrl"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="fridaymidday'+children+'" value="Friday Midday" /></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td class="celltb">Afternoons<br /><em>3:30pm - 4:30pm</em></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="saturdayafternoon'+children+'" value="Saturday Afternoon" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="sundayafternoon'+children+'" value="Sunday Afternoon" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="mondayafternoon'+children+'" value="Monday Afternoon" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="tuesdayafternoon'+children+'" value="Tuesday Afternoon" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="wednesdayafternoon'+children+'" value="Wednesday Afternoon" /></td>';
	output += '<td align="center" class="celltb"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="thursdayafternoon'+children+'" value="Thursday Afternoon" /></td>';
	output += '<td align="center" class="cell"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="fridayafternoon'+children+'" value="Friday Afternoon" /></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td class="cellb">Evenings<br /><em>5:00pm - 6:00pm</em></td>';
	output += '<td align="center" class="cellblr">&nbsp;</td>';
	output += '<td class="cellb" align="center" >&nbsp;</td>';
	output += '<td align="center" class="cellblr"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="mondayevening'+children+'" value="Monday Evening" /></td>';
	output += '<td class="cellb" align="center"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="tuesdayevening'+children+'" value="Tuesday Evening" /></td>';
	output += '<td align="center" class="cellblr"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="wednesdayevening'+children+'" value="Wednesday Evening" /></td>';
	output += '<td class="cellb" align="center"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="thursdayevening'+children+'" value="Thursday Evening" /></td>';
	output += '<td align="center" class="cellblr"><input type="checkbox" name="childavailability['+(children-1)+'][]" id="fridayevening'+children+'" value="Friday Evening" /></td>';
	output += '</tr>';
	output += '</table>';
	output += '</td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td>Exceptions / Notes: <em>(worship, sports, after 1pm on Mondays, school hours, naptimes)</em></td>';
	output += '</tr>';
	output += '<tr>';
	output += '<td><label><textarea name="childexceptions[]" id="childexceptions'+children+'" cols="45" rows="5"></textarea></label></td>';
	output += '</tr>';
	output += '</table>';
	
	return output;
}

function validateChildren(){
	var f = document.formsubmit;
	//if(f.parentname.value == '') {
	//	alert('Please enter Your Name');
	//	f.parentname.focus();
	//	return false;
//	}
//	else 
	if(f.firstname.value == '') {
		alert('Please enter first name');
		f.firstname.focus();
		return false;
	}
	else if(f.lastname.value == '') {
		alert('Please enter last name');
		f.lastname.focus();
		return false;
	}	
	else if(f.email.value == '') {
		alert('Please enter an Email Address');
		f.email.focus();
		return false;
	}
	else if(f.email.value.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) == -1){
		alert('Please enter a valid Email Address');
		f.email.focus();
		return false;
	}
	else if(f.phone.value == '') {
		alert('Please enter a Phone Number');
		f.phone.focus();
		return false;
	}
	else if(f.address1.value == '') {
		alert('Please enter an Address');
		f.address1.focus();
		return false;
	}
	else if(f.city.value == '') {
		alert('Please enter a City');
		f.city.focus();
		return false;
	}
	else if(f.state.value == '') {
		alert('Please select a State');
		f.state.focus();
		return false;
	}
	else if(f.zip.value == '') {
		alert('Please enter a Zip Code');
		f.zip.focus();
		return false;
	}
	for(i=1; i<=children; i++){
		var childname = $('#childname'+i).val();
		if(childname != '') {
			if($('#childmonth'+i).val() == ''){
				alert('Please provide '+childname+'\'s Birth Month');
				$('#childmonth'+i).focus();
				return false;
			}
			else if($('#childday'+i).val() == ''){
				alert('Please provide '+childname+'\'s Birth Day');
				$('#childday'+i).focus();
				return false;
			}
			else if($('#childyear'+i).val() == ''){
				alert('Please provide '+childname+'\'s Birth Year');
				$('#childyear'+i).focus();
				return false;
			}
		}
	}
	$('#formsubmit').submit();
}