window.addEvent('domready', function () {
	var qs = $(document.body).getElement('ol#questions');

	var lis = qs.getElements('li');
	var liS = [];
	var active = null;

	lis.each(function (li, i) {
		if (li.hasClass('no-open')) {
			return;
		}

		liS[i] = new Hash();
		liS[i].set('before', li.getSize());
		
		li.removeClass('open');
		liS[i].set('after', li.getSize());

		var fx = new Fx.Morph(li, {duration: 250});

		li.addEvent('click', function (e) {
			if (!li.hasClass('open')) {
				if (active) {
					lis[active].setStyles({
						height: liS[active].get('after').y
					});

					lis[active].removeClass('open');
					active = null;
				}

				li.setStyles({
					overflow: 'hidden',
					height: liS[i].get('after').y
				});
				li.addClass('open');

				fx.start({
					height: liS[i].get('before').y
				});

				active = i;
			}
		});
	});


	// Bonus comeptition
	var bonus = $('bonus');
	var bonusForm = $('bonusform');

	bonus.setStyle('z-index', 1000);
	
	// Get overlay
	var overlay = $('overlay');
	overlay.setStyles({
		display: 'none',
		opacity: '0.92',
		background: '#000',
		position: 'absolute',
		top: 0,
		left: 0
	});

	var close = bonusForm.getElement('#close');
	close.addEvent('click', function () {
		$(document.body).removeClass('bonusform');
		overlay.setStyle('display', 'none');
	});

	bonus.addEvent('click', function (e) {
		$(document.body).addClass('bonusform');
		e.stop(); // Stop default

		var oS = window.getScrollSize();

		overlay.setStyles({
			display: 'block',
			width: oS.x,
			height: oS.y
		});
	});
});