var flag = '';

window.addEvent('domready', function() {

	$('resultside').setStyle('opacity', [0]);

	formfx = new Fx.Style($('formside'), 'opacity', {
		duration: 500, 
		wait: true,
		onStart: function() {
			if (flag == 'logdown') {
				$('formside').setStyle('display', 'block'); 
			};
		},
		onComplete: function() {
			if (flag == 'formdown') { 
				$('formside').setStyle('display', 'none'); 
				resultfx.start(1);
			};
		}
	});
	
	resultfx = new Fx.Style($('resultside'), 'opacity', {
		duration: 500, 
		wait: true,
		onStart: function() {
			$('log').setStyle('height', 'auto');
		},
		onComplete: function() {
			if (flag == 'logdown') { 
				$('log').empty;
				$('resultside').setStyle('height', 0);
				formfx.start(1);
			};
		}
	});

	$('newflockform').addEvent('submit', function(e) {
		new Event(e).stop();

		this.send({
			update: $('log'),
			initialize: function() {
			},
			onComplete: function() {
				flag = 'formdown';
				formfx.start(0);
			}
		});
	
	});

	$('returner').addEvent('click', function(d) {
		new Event(d).stop();
		flag = 'logdown';
		resultfx.start(0);
	});
});