$(document).ready(
	function()
	{
		if (typeof(ages_options) != 'undefined')
		{
			add_checkbox('child_ages','child_passnum');
			add_checkbox('cabin_types','cabin_num');
		}
	}
);

function show_cruised_before_section()
{
	if (document.getElementById('cruisedbefore').value == '1')
	{
		document.getElementById("previous_cruises").style.display="block";
	}
	else
	{
		document.getElementById("previous_cruises").style.display="none";
	}
}

function add_checkbox(table_name, select_name)
{
	var table = document.getElementById(table_name);
	var row_no = table.getElementsByTagName('tr').length;
	var childs = document.getElementById(select_name).value;
	if (childs == '') {childs = 0;}
	var diff =  childs - row_no;
	var i = 0;
	var th = 'th';
	var selected = '';
//document.getElementById('debug').innerHTML = select_name+row_no+childs+ages_options+cabintypes_options;
	if (diff > 0)
	{
		for (var i = 0;  i < diff; i++)
		{
			row_id = row_no + 1 + i;
			switch(row_id)
			{
				case 1: th = 'st'; break;
				case 2: th = 'nd'; break;
				case 3: th = 'rd'; break;
				default : th = 'th';
			}
			
			var tr = table.insertRow(row_no + i);
			var td1 = tr.insertCell(0);
			var td2 = tr.insertCell(1);
			var item;
			switch(table_name)
			{
				case 'child_ages':
					td1.innerHTML = "Age of "+row_id+th+" Child:&nbsp;";
					var html = "<select name='child_age["+row_id+"]'>";
					for (item in ages_options)
					{
						if (typeof(ages_selected) != 'undefined' && ages_selected[row_id-1] == ages_options[item])
						{
							selected = ' selected';
						}
						else
						{
							selected = '';
						}
						html += "<option value='"+ages_options[item]+"'"+selected+">"+ages_options[item]+"</option>";
					}
					td2.innerHTML = html + "</select>";
					break;
				case 'cabin_types':
					td1.innerHTML = row_id+th+" Cabin Required:&nbsp;";
					var html = "<select name='cabin_type["+row_id+"]'>";
					for (item in cabintypes_options)
					{
						if (typeof(cabins_selected) != 'undefined' && cabins_selected[row_id-1] == cabintypes_options[item])
						{
							selected = ' selected';
						}
						else
						{
							selected = '';
						}
						html += "<option value='"+cabintypes_options[item]+"'"+selected+">"+cabintypes_options[item]+"</option>";
					}
					td2.innerHTML = html + "</select>";
					break;
			}
				
		}
	}
	else
	{
		for (var i = -1; i >= diff; i--)  
		{
			table.deleteRow(row_no + i);
		}
		
	}

}