$(document).observe('dom:loaded', function(event)
{
	$('form_quote').select('.secondary').each(function(elem)
	{
		elem.hide();
	});

	var top = 0;

	$('submit_button_initial').observe('click', function(event)
	{
		event.stop();

		top = $('quote-form').cumulativeOffset().top;

		// Change positioning modes of parent container and right column
		$('column-left').up().relativize();
		$('column-left').up().setStyle('min-height: ' + $('quote-form').getHeight());
		$('quote-form').absolutize();

		// Transition effects
		new Effect.Parallel
		([
			new Effect.Fade('column-left'),
			new Effect.Move('quote-form', {x: -480}),
			new Effect.Morph('quote-form', {style: 'width: 700px; top: 0;'})
		],
		{
			duration: .4
		});

		if ($('column-middle'))
		{
			new Effect.Parallel
			([
				new Effect.Fade('column-middle')
			],
			{
				duration: .4
			});
		}

		$('form_quote').select('.primary-only').each(function(elem)
		{
			new Effect.Parallel([new Effect.Fade(elem)], {duration: .1});
		});

		$('form_quote').select('.secondary').each(function(elem)
		{
			new Effect.Parallel([new Effect.Appear(elem)], {duration: .5, delay: 1});
		});
	});

	$('submit_button_cancel').observe('click', function(event)
	{
		event.stop();

		top = top - $('quote-form').cumulativeOffset().top;


		new Effect.Parallel
		([
			new Effect.Morph('quote-form', {style: 'width: 220px; top: ' + top + 'px;'}),
			new Effect.Move('quote-form', {x: 480, y: top}),
			new Effect.Appear('column-left')
		],
		{
			duration: .5
		});

		if ($('column-middle'))
		{
			new Effect.Parallel
			([
				new Effect.Appear('column-middle')
			],
			{
				duration: .5
			});
		}


		$('form_quote').select('.secondary').each(function(elem)
		{
			new Effect.Parallel([new Effect.Fade(elem)], {duration: 0});
		});

		$('form_quote').select('.primary-only').each(function(elem)
		{
			new Effect.Parallel([new Effect.Appear(elem)], {duration: .1});
		});
	});
});