total_participants = 1;
total_activities = 1;
curStep = 1;

required_fields1 = new Array();
required_fields1 = ['confirm_num', 'contact_name', 'contact_email', 'contact_phone'];

required_fields2 = new Array();
required_fields2 = ['initials', 'cc_num', 'cc_expir', 'cc_code', 'cc_name', 'cc_zip'];

required_fields_part = new Array();
required_fields_part = ['part#_name', 'part#_age', 'part#_height', 'part#_height_inches', 'part#_weight'];

required_fields_act = new Array();
required_fields_act = ['act#_date', 'act#_type', 'act#_trip', 'act#_time', 'act#_participants', 'act#_dates_flex', 'act#_time_flex'];

function add_participant(number, value)
{
	if (value == 0)
	{
		return;
	}

	parts = document.getElementById('participants');
	newNumber = number + 1;

	options = new Array(2);
	options[0] = { 'text' : 'No', 'value' : '0'};
	options[1] = { 'text' : 'Yes', 'value' : '1'};
	addSelect = createSelect('' , 'part' + newNumber + '_add', options);
	addSelect.onchange = function() {
		add_participant(newNumber, this.value);
	}

	partInput = createInput('participant[' + newNumber + '][name]' , 'part' + newNumber + '_name');
	partInput.onchange = function() {
		updateWho();
	}

	fieldset = document.createElement('fieldset');
	fieldset.className = ((newNumber % 2) != 0) ? 'odd' : '';
	legend = document.createElement('legend');
	legend.appendChild(document.createTextNode('Participant ' + (newNumber + 1)));
	fieldset.appendChild(legend);

	fieldset.appendChild(createDL('Name*:', 'part' + newNumber + '_name', partInput)); // name
	fieldset.appendChild(createDL('Age*: ', 'part' + newNumber + '_age', createInput('participant[' + newNumber + '][age]' , 'part' + newNumber + '_age', 3))); // age
	fieldset.appendChild(createDL('Approximate Height*:', 'part' + newNumber + '_height', createInput('participant[' + newNumber + '][height_feet]' , 'part' + newNumber + '_height', 5, 'no-width'), '', createInput('participant[' + newNumber + '][height_inches]' , 'part' + newNumber + '_height_inches', 5, 'no-width'), ' feet ', ' inches ')); // height
	fieldset.appendChild(createDL('Approximate Weight*:', 'part' + newNumber + '_weight', createInput('participant[' + newNumber + '][weight]' , 'part' + newNumber + '_weight'), '', '', ' pounds')); // weight
	fieldset.appendChild(createDL('Notes:', 'part' + newNumber + '_notes', createTextarea('participant[' + newNumber + '][notes]' , 'part' + newNumber + '_notes'), '', '', '<br />Dietary restrctions, medical concerns, etc')); // notes
	fieldset.appendChild(createDL('Add Another Participant?', 'part' + newNumber + '_add', addSelect, 'part' + newNumber + '_add_dl')); // yes, no

	parts.appendChild(fieldset);
	document.getElementById('part' + number + '_add_dl').style.display = 'none';
	document.getElementById('part' + newNumber + '_name').focus();

	total_participants++;
}

function add_activity(number, value)
{
	if (value == 0)
	{
		return;
	}

	parts = document.getElementById('activities');
	newNumber = number + 1;

	options = new Array(2);
	options[0] = { 'text' : 'No', 'value' : '0'};
	options[1] = { 'text' : 'Yes', 'value' : '1'};
	addSelect = createSelect('' , 'act' + newNumber + '_add', options);
	addSelect.onchange = function() {
		add_activity(newNumber, this.value);
	}

	options = new Array(6);
	options[0] = { 'text' : 'Select an activity type',	'value' : '' };
	options[1] = { 'text' : 'Resort Based Activities',	'value' : 'Resort Based Activities' };
	options[2] = { 'text' : 'River Trips',				'value' : 'River Trips' };
	options[3] = { 'text' : 'Off-Road Driving',			'value' : 'Off-Road Driving' };
	options[4] = { 'text' : 'Hiking & Canyoneering',	'value' : 'Hiking &amp; Canyoneering' };
	options[5] = { 'text' : 'Other Adventures',			'value' : 'Other Adventures' };
	typeSelect = createSelect('activity[' + newNumber + '][type]', 'act' + newNumber + '_type', options);
	typeSelect.onchange = function() {
		change_trips(newNumber, this.value);
	}

	options = new Array(1);
	options[0] = { 'text' : 'Select an activity', 'value' : '' };
	tripSelect = createSelect('activity[' + newNumber + '][trip]', 'act' + newNumber + '_trip', options);
	tripSelect.onchange = function() {
		change_details(newNumber, this.value);
	}

	options = new Array(1);
	options[0] = { 'text' : 'Select a trip', 'value' : '' };
	detailSelect = createSelect('activity[' + newNumber + '][detail]', 'act' + newNumber + '_detail', options);
	detailSelect.onchange = function() {
		change_times(newNumber, this.value);
	}

	options = new Array(1);
	options[0] = { 'text' : 'Select a time', 'value' : '' };
	timeSelect = createSelect('activity[' + newNumber + '][time]', 'act' + newNumber + '_time', options);

	options = new Array(10);
	options[0] = { 'text' : '1',	'value' : 1 };
	options[1] = { 'text' : '2',	'value' : 2 };
	options[2] = { 'text' : '3',	'value' : 3 };
	options[3] = { 'text' : '4',	'value' : 4 };
	options[4] = { 'text' : '5',	'value' : 5 };
	options[5] = { 'text' : '6',	'value' : 6 };
	options[6] = { 'text' : '7',	'value' : 7 };
	options[7] = { 'text' : '8',	'value' : 8 };
	options[8] = { 'text' : '9',	'value' : 9 };
	options[9] = { 'text' : '10',	'value' : 10 };
	participantsSelect = createSelect('activity[' + newNumber + '][participants]', 'act' + newNumber + '_participants', options);

	options = new Array(2);
	options[0] = { 'text' : 'Yes', 'value' : 'Yes'};
	options[1] = { 'text' : 'No', 'value' : 'No'};
	dates_flexSelect = createSelect('activity[' + newNumber + '][dates_flexible]', 'act' + newNumber + '_dates_flex', options);
	time_flexSelect = createSelect('activity[' + newNumber + '][time_flexible]', 'act' + newNumber + '_time_flex', options);

	fieldset = document.createElement('fieldset');
	fieldset.className = ((newNumber % 2) != 0) ? 'odd' : '';
	fieldset.id = 'activity_num' + newNumber;
	legend = document.createElement('legend');
	legend.appendChild(document.createTextNode('Activity ' + (newNumber + 1)));
	fieldset.appendChild(legend);

	dateInput = createInput('activity[' + newNumber + '][date]' , 'act' + newNumber + '_date');
	eval('dateInput.onfocus = function ()' +
	'{' +
	'	JACS.show(this, this);' +
	'	resetFields(' + newNumber + ');' +
	'}');
	
	remove = document.createElement('span');
	remove.innerHTML = '<a href="javascript:removeAct(\'activity_num' + newNumber + '\');">Remove activity</a>';
	
	fieldset.appendChild(createDL('Requested Date*:', 'act' + newNumber + '_date', dateInput)); // name
	fieldset.appendChild(createDL('', 'act' + newNumber + '_apply', document.createTextNode('Seasonal limitations may apply.')));
	fieldset.appendChild(createDL('Activity Type*:', 'act' + newNumber + '_type', typeSelect)); // activity type
	fieldset.appendChild(createDL('Activity/Trip Name*:', 'act' + newNumber + '_trip', tripSelect)); // trip
	fieldset.appendChild(createDL('Activity Details*:', 'act' + newNumber + '_details', detailSelect, 'act' + newNumber + '_detail_dl')); // details
	fieldset.appendChild(createDL('Preferred time of day*:', 'act' + newNumber + '_time', timeSelect)); // time
	fieldset.appendChild(createDL('Number of Participants*:', 'act' + newNumber + '_participants', participantsSelect)); // participants
	fieldset.appendChild(createDL('If necessary, are trip dates flexible?*', 'act' + newNumber + '_dates_flex', dates_flexSelect)); // date flexible
	fieldset.appendChild(createDL('If necessary, are trip times flexible?*', 'act' + newNumber + '_time_flex', time_flexSelect)); // time flexible
	fieldset.appendChild(createDL('Notes:', 'act' + newNumber + '_notes', createTextarea('activity[' + newNumber + '][notes]' , 'act' + newNumber + '_notes'), '', '', '<br />Please provide us with any requests or information relevant to this activity. For Spa bookings, please provide us with your robe and shoe size.')); // notes
	fieldset.appendChild(createDL('Who will be participanting?*', 'act' + newNumber + '_who', listPeople(newNumber))); // who is participating
	fieldset.appendChild(createDL('', 'act' + newNumber + '_remove', remove, 'act' + newNumber + '_del_dl', '', '', '', 'none'));
	fieldset.appendChild(createDL('Add Another Activity?', 'act' + newNumber + '_add', addSelect, 'act' + newNumber + '_add_dl')); // yes, no

	parts.appendChild(fieldset);
	document.getElementById('act' + number + '_add_dl').style.display = 'none';
	document.getElementById('act' + number + '_del_dl').style.display = 'block';
	document.getElementById('act' + newNumber + '_date').focus();

	total_activities++;
}

function resetFields(number)
{
	select1 = document.getElementById('act' + number + '_type');
	select1.selectedIndex = 0;

	select2 = document.getElementById('act' + number + '_trip');
	select2.innerHTML = '';
	select2.appendChild(new Option('Select a trip', ''))

	select3 = document.getElementById('act' + number + '_detail');
	select3.innerHTML = '';
	select3.appendChild(new Option('Select an activity detail', ''));

	select4 = document.getElementById('act' + number + '_time');
	select4.innerHTML = '';
	select4.appendChild(new Option('Select a time', ''));
}

function createDL(labelText, id, content, dlId, content2, postText1, postText2, dlDisplay)
{
	dl = document.createElement('dl');
	dl.id = (dlId) ? dlId : '';
	dl.style.display = (dlDisplay) ? dlDisplay : '';

	dt = document.createElement('dt');
	label = document.createElement('label');
	label.setAttribute('for', id);
	label.appendChild(document.createTextNode(labelText));
	dt.appendChild(label);
	dl.appendChild(dt);

	dd = document.createElement('dd');
	dd.appendChild(content);
	if (postText1)
	{
		dd.innerHTML += postText1;
	}

	if (content2)
	{
		dd.appendChild(content2);

		if (postText2)
		{
			dd.innerHTML += postText2;
		}
	}
	dl.appendChild(dd);

	return dl;
}

function createInput(name, id, size, classname)
{
	input = document.createElement('input');
	input.id = id;
	input.name = name;
	input.size = (!size) ? 20 : size;
	input.className = classname;

	return input;
}

function createTextarea(name, id)
{
	text = document.createElement('textarea');
	text.id = id;
	text.name = name;
	text.rows = 5;
	text.cols = 60;

	return text;
}

function createSelect(name, id, values)
{
	select = document.createElement('select');
	select.id = id;
	select.name = name;
	select.innerHTML = '';

	for(i = 0; i < values.length; i++)
	{
		select.options[i] = new Option(values[i].text, values[i].value);
	}

	return select;
}

function createCheckBox(name, id, value)
{
	input = document.createElement('input');
	input.type = 'checkbox';
	input.setAttribute('type','checkbox')
	input.name = name;
	input.id = id;
	input.value = value;
	input.className = 'no-width';

	return input;
}

function listPeople(number)
{
	div = document.createElement('div');
	div.id = 'who_' + number;

	for(y = 0; y < total_participants; y++)
	{
		value = document.getElementById('part' + y + '_name').value;

		if (value != null && value != '')
		{
			input = createCheckBox('activity[' + number + '][who][]', 'act' + number + '_who' + y, value);
			div.appendChild(input);

			label = document.createElement('label');
			label.setAttribute('for', 'act' + number + '_who' + y);
			label.appendChild(document.createTextNode(value));

			div.appendChild(label);
			div.innerHTML += '<br />';
		}
	}

	return div;
}

function updateWho()
{
	for(z = 0; z < total_activities; z++)
	{
		div = document.getElementById('who_' + z);
		
		if (!div)
			continue;
		
		div.innerHTML = '';

		for(y = 0; y < total_participants; y++)
		{
			value = document.getElementById('part' + y + '_name').value;

			if (value != null && value != '')
			{
				input = createCheckBox('activity[' + z + '][who][]', 'act' + z + '_who' + y, value);
				div.appendChild(input);

				label = document.createElement('label');
				label.setAttribute('for', 'act' + z + '_who' + y);
				label.appendChild(document.createTextNode(value));

				div.appendChild(label);
				div.innerHTML += '<br />';
			}
		}
	}
}

function change_trips(number, value)
{
	select = document.getElementById('act' + number + '_trip');
	select.innerHTML = '';

	options = new Array();
	switch(value)
	{
		case 'Resort Based Activities':
			options = ['Select an activity', 'The Spa', 'Horseback Riding', 'Sorrel River Grill'];
		break;

		case 'River Trips':
			options = ['Select an activity', 'Fisher Towers Float Trip', 'Westwater Canyon Rafting', 'Cataract Canyon Rafting'];
		break;

		case 'Off-Road Driving':
			options = ['Select an activity', 'Hummer Tours', 'Rhino Tours', 'ATV Tours'];
		break;

		case 'Hiking &amp; Canyoneering':
		case 'Hiking & Canyoneering':
			options = ['Select an activity', 'Fisher Towers Hike', 'Fiery Furnace Hike', 'Mary Jane Canyon Hike', 'La Sal Mountains Hike', 'Ephedra’s Grotto Canyoneering'];
		break;

		case 'Other Adventures':
			options = ['Select an activity', 'Scenic Flights', 'Mountain Biking', 'Rock Climbing', 'Arches Bus Tour', 'Rock Art Tour', 'Jetboat Tour'];
		break;
	}

	for(i = 0; i < options.length; i++)
	{
		if (options[i] == 'Select an activity')
		{
			select.options[i] = new Option(options[i], '');
		}
		else
		{
			select.options[i] = new Option(options[i], options[i]);
		}
	}

	select2 = document.getElementById('act' + number + '_detail');
	select2.innerHTML = '';
	select2.appendChild(new Option('Select an activity detail', ''));

	select3 = document.getElementById('act' + number + '_time');
	select3.innerHTML = '';
	select3.appendChild(new Option('Select a time', ''));

}

function change_details(number, value)
{
	document.getElementById('act' + number + '_detail_dl').style.display = 'block';
	select = document.getElementById('act' + number + '_detail');
	select.innerHTML = '';

	options = new Array();
	switch(value)
	{
		case 'The Spa':
			options = ['Select an activity detail', 'Personalized Body Glow (50 Minutes)', 'Personalized Body Glow (80 Minutes)', 'Swedish Massage (50 Minutes)', 'Swedish Massage (80 Minutes)', 'Deep Tissue Massage (50 Minutes)', 'Deep Tissue Massage (80 Minutes)', 'Couple’s Massage (50 Minutes)', 'Couple’s Massage (80 Minutes)', 'Desert Stone Massage (75 Minutes)', 'Spot Treatment Massage (25 Minutes)', 'Seaweed Mud Wrap (50 Minutes)', 'Seaweed Mud Wrap (80 Minutes)'];
		break;

		case 'Horseback Riding':
			options = ['Select an activity detail', 'Group', 'Private'];
		break;

		case 'Fisher Towers Float Trip':
			options = ['Select an activity detail', 'Full Day', 'Half Day'];
		break;

		case 'Hummer Tours':
			options = ['Select an activity detail', '2-hour', '4-hour', 'Sunset'];
		break;

		case 'Scenic Flights':
			options = ['Select an activity detail', 'Canyonlands (1-hour)', 'Monument Valley (2-hours)', 'Secrets of the Southwest (3.5-hours)'];
		break;

		case 'Mountain Biking':
			options = ['Select an activity detail', 'Klondike Bluffs', 'Courthouse Wash'];
		break;

		default:
			document.getElementById('act' + number + '_detail_dl').style.display = 'none';
			change_times(number, value);
			return;
		break;
	}

	for(i = 0; i < options.length; i++)
	{
		if (options[i] == 'Select an activity detail')
		{
			select.options[i] = new Option(options[i], '');
		}
		else
		{
			select.options[i] = new Option(options[i], options[i]);
		}
	}
}

function change_times(number, value)
{
	select = document.getElementById('act' + number + '_time');
	select.innerHTML = '';

	i = 0;
	options = new Array();
	options[i++] = 'Select a time';
	switch(value)
	{
		case 'Personalized Body Glow (50 Minutes)':
		case 'Personalized Body Glow (80 Minutes)':
		case 'Swedish Massage (50 Minutes)':
		case 'Swedish Massage (80 Minutes)':
		case 'Deep Tissue Massage (50 Minutes)':
		case 'Deep Tissue Massage (80 Minutes)':
		case 'Couple’s Massage (50 Minutes)':
		case 'Couple’s Massage (80 Minutes)':
		case 'Desert Stone Massage (75 Minutes)':
		case 'Spot Treatment Massage (25 Minutes)':
		case 'Seaweed Mud Wrap (50 Minutes)':
		case 'Seaweed Mud Wrap (80 Minutes)':
			broken = false;
			for (k = 9; k <= 19; k++)
			{
				for(j = 0; j <= 30; j = j + 30)
				{
					if (k > 12)
					{
						hour = k - 12;
						post = 'pm';
					}
					else
					{
						hour = k;
						post = 'am';
					}

					minute = (j < 10) ? '0' + j : j;

					options[i++] = hour + ':' + minute + post;

					if (value.indexOf('50 Minutes') != -1)
					{
						if (k == 19)
						{
							broken = true;
							break;
						}
					}
					else if (value.indexOf('80 Minutes') != -1 || value.indexOf('75 Minutes') != -1)
					{
						if ((k == 18 && j > 29) || k > 18)
						{
							broken = true;
							break;
						}
					}
				}

				if (broken)
				{
					break;
				}
			}
		break;

		case 'Group':
			options[i++] = 'AM';
		break;

		case 'Private':
			options[i++] = 'PM';
		break;

		case 'Sorrel River Grill':
			month = -1;
			day = -1;
			date = document.getElementById('act' + number + '_date').value;
			if (date != '' && date != null)
			{
				date = new Date(date);

				month = date.getMonth();
				day = date.getDate();
			}

			if ((month == 10 && day >= 11) || month == 11 || month == 0 || month == 1 || (month == 2 && day <= 9))
			{
				options[i++] = '5:30pm';
				options[i++] = '5:45pm';

				for (k = 6; k < 7; k++)
				{
					for (j = 0; j <= 45; j = j + 15)
					{
						minute = (j < 10) ? '0' + j : j;

						options[i++] = k + ':' + minute + 'pm';
					}
				}
			}
			else
			{
				for (k = 6; k < 9; k++)
				{
					for (j = 0; j <= 45; j = j + 15)
					{
						minute = (j < 10) ? '0' + j : j;

						options[i++] = k + ':' + minute + 'pm';
					}
				}
			}
		break;

		case 'Full Day':
		case 'Westwater Canyon Rafting':
		case 'Cataract Canyon Rafting':
			options[i++] = 'Full Day';
		break;

		case 'Half Day':
		case '2-hour':
		case '4-hour':
		case 'ATV Tours':
		case 'Rhino Tours':
		case 'Fisher Towers Hike':
		case 'Fiery Furnace Hike':
		case 'Mary Jane Canyon Hike':
		case 'La Sal Mountains Hike':
		case 'Ephedra’s Grotto Canyoneering':
		case 'Canyonlands (1-hour)':
		case 'Monument Valley (2-hours)':
		case 'Secrets of the Southwest (3.5-hours)':
		case 'Klondike Bluffs':
		case 'Courthouse Wash':
		case 'Rock Climbing':
		case 'Rock Art Tour':
		case 'Jetboat Tour':
			options[i++] = 'AM';
			options[i++] = 'PM';
		break;

		case 'Sunset':
			options[i++] = 'Sunset';
		break;

		case 'Arches Bus Tour':
			options[i++] = 'AM';
			options[i++] = 'PM';
			options[i++] = 'Sunset';
		break;

		default:
			options[i++] = 'Morning';
			options[i++] = 'Afternoon';
			options[i++] = 'Evening';
			options[i++] = 'Night';
		break;
	}

	for(i = 0; i < options.length; i++)
	{
		if (options[i] == 'Select a time')
		{
			select.options[i] = new Option(options[i], '');
		}
		else
		{
			select.options[i] = new Option(options[i], options[i]);
		}
	}
}

var cleared = false;
function clearField()
{
	if (cleared == false)
	{
		document.getElementById('cc_expir').value = '';
		cleared = true;
	}

	return;
}

function removeAct(id)
{
	if (window.confirm('Are you sure?'))
	{
		parts = document.getElementById('activities');
		obj = document.getElementById(id);
		
		parts.removeChild(obj);
	}
}

function checkSubmit()
{
	error = false;

	if (curStep == 1 || curStep == 4)
	{
		for(i = 0; i < required_fields1.length; i++)
		{
			field = document.getElementById(required_fields1[i]);
			if (field == null || field.value.length == 0 || field.value == 'mm/yyyy')
			{
				error = true;
				if (field != null && field.parentNode.parentNode.className.indexOf('highlight') == -1)
					field.parentNode.parentNode.className += ' highlight';
			}
			else
			{
				if (field != null)
					field.parentNode.parentNode.className = field.parentNode.parentNode.className.replace('highlight', '');
			}
		}
	}

	if (curStep == 2 || curStep == 4)
	{
		for(i = 0; i < total_participants; i++)
		{
			for(k = 0; k < required_fields_part.length; k++)
			{
				field = document.getElementById(required_fields_part[k].replace('#', i));
				if (field == null || field.value.length == 0)
				{
					error = true;
					if (field != null && field.parentNode.parentNode.className.indexOf('highlight') == -1)
						field.parentNode.parentNode.className += ' highlight';
				}
				else
				{
					if (field != null)
						field.parentNode.parentNode.className = field.parentNode.parentNode.className.replace('highlight', '');
				}
			}
		}
	}

	if (curStep == 3 || curStep == 4)
	{
		for(i = 0; i < total_activities; i++)
		{
			if (!document.getElementById('activity_num' + i))
				continue;
			
			for(k = 0; k < required_fields_act.length; k++)
			{
				field = document.getElementById(required_fields_act[k].replace('#', i));
				if (field == null || field.value.length == 0)
				{
					error = true;
					if (field != null && field.parentNode.parentNode.className.indexOf('highlight') == -1)
						field.parentNode.parentNode.className += ' highlight';
				}
				else
				{
					if (field != null)
						field.parentNode.parentNode.className = field.parentNode.parentNode.className.replace('highlight', '');
				}
			}

			checked = false;
			for(y = 0; y < total_participants; y++)
			{
				field = document.getElementById('act' + i + '_who' + y);
				if (field != null && field.checked)
				{
					checked = true;
					field.parentNode.parentNode.parentNode.className = field.parentNode.parentNode.className.replace('highlight', '');
				}
				else
				{
					if (field != null && field.className.indexOf('highlight') == -1)
						field.parentNode.parentNode.parentNode.className += ' highlight';
				}
			}

			if (checked == false)
			{
				error = true;
			}
		}
	}

	if (curStep == 4)
	{
		for(i = 0; i < required_fields2.length; i++)
		{
			field = document.getElementById(required_fields2[i]);
			if (field == null || field.value.length == 0 || field.value == 'mm/yyyy')
			{
				error = true;
				if (field != null && field.parentNode.parentNode.className.indexOf('highlight') == -1)
					field.parentNode.parentNode.className += ' highlight';
			}
			else
			{
				if (field != null)
					field.parentNode.parentNode.className = field.parentNode.parentNode.className.replace('highlight', '');
			}
		}
	}

	if (error)
	{
		alert('Please fill out all of the required fields. Use the Back button to go back through the form and fill in the highlighted fields.');
		return false;
	}
	else
	{
		return true;
	}
}

function moveStep(amount)
{
	if (amount != -1 && !checkSubmit())
	{
		return;
	}

	newStep = curStep + amount;

	if (newStep < 1)
	{
		newStep = 1;
	}
	else if (newStep > 4)
	{
		newStep = 4;
	}

	switch(newStep)
	{
		case 1:
			document.getElementById('contact-info').style.display = 'block';
			document.getElementById('participants').style.display = 'none';
			document.getElementById('activities').style.display = 'none';
			document.getElementById('cancellation').style.display = 'none';
			document.getElementById('bttn-back').style.display = 'none';
			document.getElementById('bttn-next').style.display = 'inline';
			document.getElementById('bttn-submit').style.display = 'none';
		break;

		case 2:
			document.getElementById('contact-info').style.display = 'none';
			document.getElementById('participants').style.display = 'block';
			document.getElementById('activities').style.display = 'none';
			document.getElementById('cancellation').style.display = 'none';
			document.getElementById('bttn-back').style.display = 'inline';
			document.getElementById('bttn-next').style.display = 'inline';
			document.getElementById('bttn-submit').style.display = 'none';
		break;

		case 3:
			document.getElementById('contact-info').style.display = 'none';
			document.getElementById('participants').style.display = 'none';
			document.getElementById('activities').style.display = 'block';
			document.getElementById('cancellation').style.display = 'none';
			document.getElementById('bttn-back').style.display = 'inline';
			document.getElementById('bttn-next').style.display = 'inline';
			document.getElementById('bttn-submit').style.display = 'none';
		break;

		case 4:
			document.getElementById('contact-info').style.display = 'none';
			document.getElementById('participants').style.display = 'none';
			document.getElementById('activities').style.display = 'none';
			document.getElementById('cancellation').style.display = 'block';
			document.getElementById('bttn-back').style.display = 'inline';
			document.getElementById('bttn-next').style.display = 'none';
			document.getElementById('bttn-submit').style.display = 'inline';
		break;
	}

	document.getElementById('step-text').innerHTML = 'Step ' + newStep + ' of 4';
	window.scrollTo(0, 600);

	curStep = newStep;
}