var numberOfErrors = 0;
var active = 0;

$(document).ready(init);

function init() {
  $("#ilosc").keyup(checkBill);
  $("input[type=radio]").change(checkBill);
  checkBill();
}

function checkBill() {
  var countOfPersons = 1;
  
  var myDate = new Date();
  myDate.setFullYear(2010,8,15);
  var today = new Date();

  if (myDate>today) {
    var price = 60;
  } else {
    var price = 80;
  }	
	
  if(active == 2) { 
    $("#iloscOsob").html = $("#ilosc").val();
    countOfPersons = $("#ilosc").val();  
  } else {
    $("#iloscOsob").html = 1;
  }
  
  $("#cenaBiletu").html(price);
  $("#iloscOsob").html(countOfPersons);
  $("#doZaplaty").html(countOfPersons*price + ' zł');
}

function individual() {
	var count = document.getElementById('count');
	var countError = document.getElementById('countError');
	var head = document.getElementById('title1');
	var group = document.getElementById('group');
	
	count.innerHTML = '';
	countError.innerHTML = '';
	head.innerHTML = "Dane osobowe:";
	group.innerHTML = '';
	active = 1;
	checkBill();
}

function group() {
	var count = document.getElementById('count');
	active = 2;

	count.innerHTML = '<h2>Liczba rejestrowanych osób:</h2>'
				    + '\n<label for="ilosc" >Liczba osób: </label><input type="text" id="ilosc" name="ilosc" value=""  onfocus="numberFocus(this) "onblur="numberVerify(this)"/><br />';
				    
	var head = document.getElementById('title1');
	head.innerHTML = "Dane osoby rejestrującej:";
}

function numberFocus(object) {
	if(object.style.background == 'rgb(255, 86, 81)') {
		object.style.background = '#ffffff';
	}
	checkBill();
}

function numberVerify(object) {
	var group = document.getElementById('group');
	var number = parseInt(document.getElementById('ilosc').value);
	var error = document.getElementById('countError');
	
	checkBill();
	
	if(number >= 1) {	
		error.innerHTML = '';

		group.innerHTML = '<h2>Lista pozostałych osób:</h2>\n<br />\n'
                    + '<div style="margin: 0 60px 0 82px; float: left;">Imię:</div> <div style="margin: 0 30px 0 70px; float: left;">Nazwisko: </div> <div style="margin: 0 70px 0 70px; float: left;">E-mail: </div><br />';
		
		number = number - 1;
		for(var i = 0; i < number; i++) {
			group.innerHTML += '<input type="text" name="grupaImie[]" value=""  /><input type="text" name="grupaNazwisko[]" value=""  /><input type="text" name="grupaEmail[]" value=""  /><br />';
		}
	}
	else {
		object.style.background = '#ff5651';	
		error.innerHTML = 'Pola zawierają błędy. Prosimy o poprawienie.';
	}
}

function daneFocus(object) {
	if(object.style.background == 'rgb(255, 86, 81)') {
		object.style.background = '#ffffff';
		numberOfErrors--;
		
		if(numberOfErrors == 0) {
			var error = document.getElementById('daneError');
			error.innerHTML = '';
		}
	}
}

function daneVerify(object) {
	
	if(object.value == '') {
		object.style.background = '#ff5651';
		numberOfErrors++;
		var error = document.getElementById('daneError');
		error.innerHTML = 'Pola zawierają błędy. Prosimy o poprawienie.';
	}
}