// JavaScript Document
var ShowSpouse = false;
var ShowChild1 = false;
var ShowChild2 = false;
var ShowChild3 = false;
var ShowChild4 = false;
var ShowChild5 = false;
var ShowChild6 = false;
var PopulateSpouse = false;
var PopulateChild1 = false;
var PopulateChild2 = false;
var PopulateChild3 = false;
var PopulateChild4 = false;
var PopulateChild5 = false;
var PopulateChild6 = false;
var ErrorCount = 0;
var OnStep1 = true;
var ErrorDivStyle = "border: 2px solid Red; margin: 1px; background-color: #ffdddd;"
var ErrorDivStyleStep2 = "border: 2px solid Red; margin: 1px; padding: 2px; background-color: #ffdddd;"


/*
function fadeForm()
{
PopulateDropdownRow(0);

$('#FormTable').show();
$('#loadingDiv').hide();

}
*/

function PopulateDropdownRow(row)
{
	var theDate = new Date();
	for(i=theDate.getFullYear(); i > 1920; i--)
	{
		if (row === 0)
		{
			if (i < (theDate.getFullYear() - 17))
			{
				$('#ddl' + row + 'DOBYear').append("<option value='" + i + "'>" + i + "</option>");												 
			}
		}
		else
		{
			$('#ddl' + row + 'DOBYear').append("<option value='" + i + "'>" + i + "</option>");		
		}
	}
	
	for(i=1; i < 13; i++)
	{	
		$('#ddl' + row + 'DOBMonth').append("<option value='" + i + "'>" + i + "</option>");		
	}
	
	for(i=1; i < 32; i++)
	{
		$('#ddl' + row + 'DOBDay').append("<option value='" + i + "'>" + i + "</option>");
	}
	if (row != 0)
	{
		for(i=1; i < 8; i++)
		{
			$('#ddl' + row + 'HeightFeet').append("<option value='" + i + "'>" + i + "</option>");
		}				
	}
	else
	{
		for(i=4; i < 8; i++)
		{
			$('#ddl' + row + 'HeightFeet').append("<option value='" + i + "'>" + i + "</option>");
		}	
	}
	for(i=0; i < 12; i++)
	{
		$('#ddl' + row + 'HeightInches').append("<option value='" + i + "'>" + i + "</option>");	
	}
	if (row != 0)
	{
		for(i=6; i < 325; i++)
		{
			$('#ddl' + row + 'Weight').append("<option value='" + i + "'>" + i + "</option>");	
		}	
	}
	else
	{
		for(i=80; i < 325; i++)
		{
			$('#ddl' + row + 'Weight').append("<option value='" + i + "'>" + i + "</option>");	
		}
	}
}



function ShowPage(url)
{
	$('#tblExternalContent').show();
	$('#ifExternal').attr("src",url);
}

function ShowResults()
{
	$('#tblProcess').show();	
}

function buttonNext()
{


if (OnStep1)
{
Step1to2();	
}
else
{
	Step2to3();
}
	
}


function buttonBack()
{
$('#tblStep2').fadeOut('normal');
		$('#tblPeople').show();
		$('#divStep1Buttons').show();
	$('#btnBack').hide().fadeOut('normal');

	$('#imgSteps').attr("src", 'images/intStep1.png');	
	$('#tblError').hide();
	OnStep1 = true;

	
}

function ShowStateForm()
{
$('#FormTable').fadeOut('normal', ShowStateNow);
}

function ShowStateNow()
{
$('#TableSelectState').show();

}
function Step1to2()
{
var Errors = ValidateStep1();
if (Errors === 0)
{
	$('#tblPeople').fadeOut('normal');
	$('#aShowState').fadeOut('normal');
		$('#divStep1Buttons').fadeOut('normal');
	$('#btnBack').show().show();
	$('#tblStep2').show();
	$('#imgSteps').attr("src", 'images/intStep2.png');	
	$('#tblError').hide();
	OnStep1 = false;
}
else
{
	$('#tblError').show().show();
	
}
	
}


function Step2to3()
{
var Errors = ValidateStep2();
if (Errors === 0)
{
	$('#FormTable').hide().fadeOut('normal');
		$('#tblStep2').hide().fadeOut('normal');
				$('#Step2Next').hide().fadeOut('normal');
	$('#frmMainForm').submit();
	ShowResults();
	//submit form	
	//hide application area
	
}
else
{
	$('#tblError').show().show();
	
}
	
}


$(document).ready(function(){
    
	
	
	PopulateDropdownRow(0);
	
   $("#txtZip").keypress(function (e)
{
  //if the letter is not digit then display error and don't type anything
  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {
    //display error message
    //$("#errmsg").html("Digits Only").show().fadeOut("slow");
    return false;
  }
});
   
    $("#txtPhone1").keypress(function (e)
{
  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {    
    return false;
  }
});
	
	$("#txtPhone2").keypress(function (e)
{
  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {    
    return false;
  }
});
	
	$("#txtPhone3").keypress(function (e)
{
  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {    
    return false;
  }
});
	  

  });



function ValidateStep2()
{
	ErrorCount = 0;
	
	if ($('#txtFirstName').val() != '')
	{
		$('#divFirstName').attr('style','');
		$('#spanFirstName').attr('style','');
	}
	else
	{
		$('#divFirstName').attr('style',ErrorDivStyleStep2);
		$('#spanFirstName').attr('style','color: Red;');
		ErrorCount++;
	}
	
	if ($('#txtLastName').val() != '')
	{
		$('#divLastName').attr('style','');
		$('#spanLastName').attr('style','');
	}
	else
	{
		$('#divLastName').attr('style',ErrorDivStyleStep2);
		$('#spanLastName').attr('style','color: Red;');
		ErrorCount++;
	}
	



	
	
	if ($('#txtZip').val() != '' && $('#txtZip').val().length == 5)
	{
		$('#divZip').attr('style','');
		$('#spanZip').attr('style','');
	}
	else
	{
		$('#divZip').attr('style',ErrorDivStyleStep2);
		$('#spanZip').attr('style','color: Red;');
		ErrorCount++;
	}

	
	if ( ($('#txtPhone1').val() != '') && ($('#txtPhone2').val() != '') && ($('#txtPhone3').val() != '')  && ($('#txtPhone1').val().length == 3) && ($('#txtPhone2').val().length == 3) && ($('#txtPhone3').val().length == 4))
	{	
			$('#divPhone').attr('style','');
		$('#spanPhone').attr('style','');
	}
	else
	{
		$('#divPhone').attr('style',ErrorDivStyleStep2);
		$('#spanPhone').attr('style','color: Red;');
		ErrorCount++;
	}
	
	
	if ($('#txtEmail').val() != '' )
	{
		$('#divEmail').attr('style','');
		$('#spanEmail').attr('style','');
		
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		var address = $('#txtEmail').val();
		

		if(reg.test(address) == false) 
		{
			
			$('#divEmail').attr('style',ErrorDivStyleStep2);
			$('#spanEmail').attr('style','color: Red;');
			ErrorCount++;
		}
		else
		{
			
			$('#divEmail').attr('style','');
			$('#spanEmail').attr('style','');	
		}
	}
	else
	{
		$('#divEmail').attr('style',ErrorDivStyleStep2);
		$('#spanEmail').attr('style','color: Red;');
		ErrorCount++;
	}
	
	return ErrorCount;
	
	
}


function ValidateRow(row)
{
	if ($('#ddl' + row + 'Gender').val() != '')
	{
		$('#div' + row + 'Gender').attr('style','');
	}
	else
	{
		$('#div' + row + 'Gender').attr('style',ErrorDivStyle);
		ErrorCount++;
	}

	
	if (($('#ddl' + row + 'DOBMonth').val() != '') && ($('#ddl' + row + 'DOBDay').val() != '') && ($('#ddl' + row + 'DOBYear').val() != ''))
	{
		$('#div' + row + 'Date').attr('style','');	
	}
	else
	{
		$('#div' + row + 'Date').attr('style',ErrorDivStyle);	
		ErrorCount++;
	}
	
	if (($('#ddl' + row + 'HeightFeet').val() != '') && ($('#ddl' + row + 'HeightInches').val() != ''))
	{
		$('#div' + row + 'Height').attr('style','');	
	}
	else
	{
		$('#div' + row + 'Height').attr('style',ErrorDivStyle);	
		ErrorCount++;
	}
	
	if ($('#ddl' + row + 'Weight').val() != '')
	{
		$('#div' + row + 'Weight').attr('style','');
	}
	else
	{
		$('#div' + row + 'Weight').attr('style',ErrorDivStyle);
		ErrorCount++;
	}
}


function ValidateStep1()
{
	ErrorCount = 0;
	
	ValidateRow(0);

	if (ShowSpouse)
	{
		ValidateRow(1);		
	}
	
	if (ShowChild1)
	{
		ValidateRow(2);	
	}
	
	if (ShowChild2)
	{
		ValidateRow(3);
	}
	
	if (ShowChild3)
	{
		ValidateRow(4);
	}
	
	if (ShowChild4)
	{
		ValidateRow(5);
	}
	
	if (ShowChild5)
	{
		ValidateRow(6);
	}
	
	if (ShowChild6)
	{
		ValidateRow(7);
	}
	
	return ErrorCount;	
}


function ClickContinue()
{
	if ($('#ddlState').val() != '')
	{		
	var state = $('#ddlState').val();

		$('#ddlStateStep2').val(state);
		$('#TableSelectState').fadeOut('normal',showLoading);
		setTimeout('fadeForm();', 1000); 
	}
	else
	{
		alert('Please select a state.');
	}
}


function AddSpouse()
{
	if (!ShowSpouse)
	{
		if (!PopulateSpouse)
		{
			PopulateDropdownRow(1)
			PopulateSpouse = true;
		}
		$('#rowSpouse').show();
		$('#btnAddSpouse').attr("src", 'images/btnAddSpouseOff.png');
	ShowSpouse = true;
	$('#row1Active').val("Y");
	}
}

function AddChild()
{
	if (!ShowChild1)
	{
		if (!PopulateChild1)
		{
			PopulateDropdownRow(2)
			PopulateChild1 = true;
		}
		$('#rowChild1').show();
		ShowChild1 = true;
		$('#row2Active').val("Y");
	}
	else if (!ShowChild2)
	{
		if (!PopulateChild2)
		{
			PopulateDropdownRow(3)
			PopulateChild2 = true;
		}		
		$('#rowChild2').show();
		ShowChild2 = true;
		$('#row3Active').val("Y");
	}	
	else if (!ShowChild3)
	{
		if (!PopulateChild3)
		{
			PopulateDropdownRow(4)
			PopulateChild3 = true;			
		}		
		$('#rowChild3').show();
		ShowChild3 = true;
		$('#row4Active').val("Y");
	}	
	else if (!ShowChild4)
	{
		if (!PopulateChild4)
		{
			PopulateDropdownRow(5)
			PopulateChild4 = true;			
		}		
		$('#rowChild4').show();
		ShowChild4 = true;
		$('#row5Active').val("Y");
	}	
	else if (!ShowChild5)
	{
		if (!PopulateChild5)
		{
			PopulateDropdownRow(6)
			PopulateChild5 = true;			
		}		
		$('#rowChild5').show();
		ShowChild5 = true;
		$('#row6Active').val("Y");
	}	
	else if (!ShowChild6)
	{
		if (!PopulateChild6)
		{
			PopulateDropdownRow(7)
			PopulateChild6 = true;			
		}		
		$('#rowChild6').show();
		ShowChild6 = true;
		$('#row7Active').val("Y");
	}	
	
	if (ShowChild1 && ShowChild2 && ShowChild3 && ShowChild4 && ShowChild5 && ShowChild6)
	{
		$('#btnAddChild').attr("src", 'images/btnAddChildOff.png');
	}
}


function RemoveRow(RowID)
{
if (RowID === 0)
{
$('#rowSpouse').fadeOut('normal');
$('#btnAddSpouse').attr("src", 'images/btnAddSpouse.png');
ShowSpouse = false;
$('#row1Active').val("N");

}
else if (RowID === 1)
{
	$('#rowChild1').fadeOut('normal');
	ShowChild1 = false;
$('#row2Active').val("N");
}
else if (RowID === 2)
{
	$('#rowChild2').fadeOut('normal');
		ShowChild2 = false;
		$('#row3Active').val("N");
}
else if (RowID === 3)
{
	$('#rowChild3').fadeOut('normal');
		ShowChild3 = false;
		$('#row4Active').val("N");
}
else if (RowID === 4)
{
	$('#rowChild4').fadeOut('normal');
		ShowChild4 = false;
		$('#row5Active').val("N");
}
else if (RowID === 5)
{
	$('#rowChild5').fadeOut('normal');
		ShowChild5 = false;
		$('#row6Active').val("N");
}
else if (RowID === 6)
{
	$('#rowChild6').fadeOut('normal');
		ShowChild6 = false;
		$('#row7Active').val("N");
}

if (ShowChild1 || !ShowChild2 || !ShowChild3 || !ShowChild4 || !ShowChild5 || !ShowChild6)
{
	$('#btnAddChild').attr("src", 'images/btnAddChild.png');
}

}
function showLoading()
{

$('#loadingDiv').show();
}