/** 
 * A Duna-Mappáció
 * Kiegszt szkriptek
 */

function initOrder()
{
	Element.hide('shipping-info', 'dont-fill-in');
	$('same-addrs').checked = true;
	Event.observe('same-addrs', 'click', toggleShippingInfo, false);
	Event.observe('submit-button', 'click', onOrderSubmission, false);
}

function toggleShippingInfo()
{
	$('same-addrs').checked ?
		new Effect.BlindUp('shipping-info', { duration: .3 } ):
		new Effect.BlindDown('shipping-info', { duration: .3 } );
}

function onOrderSubmission()
{
	new Ajax.Request
	(
		'http://www.dunamappacio.hu/?megrendeles/ajax', 
		{
			method: 'post', 
			parameters: Form.serialize($('order-form')) + "&_ajax=true", 
			onComplete: showResponse
		}
	);
}

function showResponse(request)
{
	data = eval(request.responseText);

	messageContainer = document.createElement('div');
	messageContainer.setAttribute('id', 'order-msg');
	messageContainer.className = 'msg-' + data.status;
	messageContainer.style.display = 'none';
	messageContainer.style.filter  = 'alpha(opacity=0)';

	messageTitle = document.createElement('h3');
	messageTitle.innerHTML = data.title;	
	messageContainer.appendChild(messageTitle);

	messageText = document.createElement('div');
	messageText.innerHTML = data.message;
	messageContainer.appendChild(messageText);

	$('page-content').appendChild(messageContainer);

	new Effect.Fade('order-form', { duration: .5, afterFinish: function() { new Effect.Appear('order-msg'); } } );
}

function BackToForm()
{
	new Effect.Fade('order-msg', { duration: .5, afterFinish: function() { new Effect.Appear('order-form'); } } );
}

Event.observe(window, 'load', initOrder, false);