var openTab = 1;
var move = 0;
var opening = false;
var slide = null;

function openStep() {
	$('step'+openTab).setStyle('display', 'none');
	if (move == 1) {
		openTab++;
	} else {
		openTab--;
	}
	$('step'+openTab).setStyle('display', 'block');
}

function submitMainForm() {
	$('alertWindow').set('text', '');
	var ok = true;
	$$('.mustContain').each((function(el) {
		el.setStyle('border', '1px solid #9d9d9d');
		if (el.get('value').trim() == '') {
			el.setStyle('border', '1px solid red');
			$('alertWindow').set('text', 'Prosím vyplňte všetky polia.');
			ok = false;
		}
	}).bind(this));
	
	var regex = new RegExp("^[A-Z0-9._%+-]+@[A-Z0-9.-]+.(?:[A-Z]{2}|com|org|net|gov|mil|biz|info|mobi|name|aero|jobs|museum)$","i");
	$('email').setStyle('border', '1px solid #9d9d9d');
	if (!regex.test($('email').get('value'))) {
		$('email').setStyle('border', '1px solid red');
		$('alertWindow').set('text', 'Prosím zadajte správny email.');
		ok = false;
	}
	
	if (ok == true)
		$('mainForm').submit();
}


window.addEvent('domready', function() {
	if($('county')) {
		$('county').addEvent('change', function () {
			var request = new Request.JSON({
				'url' : '/?page=schools',
				'onComplete' : function (obj) {
					$('school').empty();
					$('school').set('disabled', 'disabled');
					if (obj === null)
						return;
					$('school').removeProperty('disabled');
					obj.each(function (el) {
						option = new Element('option', {
							'value' : el['id'],
							'text' : el['name']
						});
						$('school').adopt(option);
					});
					
				}
			}).post({
				'county' : this.get('value')
			});
		});
	}
	if ($('step1') && $('step2') && $('step3')) {
		
		slide = new Fx.Slide('slide');
		$('step2').setStyle('display', 'none');
		$('step3').setStyle('display', 'none');
		
		
		
		$('next').addEvent('click', (function() {
			move = 1;
			
			
			if (openTab == 1) {
				$('back').set('src', '/pub/images/left-on.png');
				$('back').addClass('active');
			}	else if (openTab == 2) {
				$('next').removeClass('active');
				$('next').set('src', '/pub/images/right-off.png');
				
				$('ok').set('src', '/pub/images/ok-on.png');
				$('ok').addClass('active');
			}
			openStep();
		}).bind(this));
		

		$('back').addEvent('click', (function() {
			move = 0;
			

			if(openTab == 2) {
				$('back').set('src', '/pub/images/left-off.png');
				$('back').removeClass('active');
			} else if(openTab == 3) {
				$('next').set('src', '/pub/images/right-on.png');
				$('next').addClass('active');
				
				$('ok').set('src', '/pub/images/ok-off.png');
				$('ok').removeClass('active');
			}
			openStep();
		}).bind(this));
		
		$('ok').addEvent('click', function() {
			if (this.hasClass('active'))
				$('questForm').submit();
		});
	}
});