var i = 1;

$(document).ready(function() {
    $("#sendForm").validate({
		rules: {
			imie: {required:true},
			nazwisko: {required:true},
            data: {required:true, dateISO: true},
            pesel: {required:true, digits: true, rangelength: [11, 11]},
            adres_zam: {required:true},
            telefon: {required:true},
            email: {email: true},
            czlonek: {required:true},
            zwiazek: {required:true},
            zgoda: {required:true}
		},
		messages: {
			imie: "Proszę podać imię",
			nazwisko: "Proszę podać nazwisko",
            data: "Podaj poprawną datę urodzenia",
            pesel: "Pesel jest niepoprawny",
            adres_zam: "Proszę podać adres zamieszkania",
            telefon: "Proszę podać telefon kontaktowy",
            email: "Adres e-mail jest niepoprawny",
            czlonek: "Proszę wybrać odpowiednią opcję",
            zwiazek: "Proszę wybrać odpowiednią opcję",
            zasada: "Proszę wybrać odpowiednią opcję",
            zgoda: "Proszę zaznaczyć zgodę"
		},
        errorPlacement: function(error, element) {
			error.appendTo( element.parent("div") );
		},
		invalidHandler: function(form, validator) {
            $("#form-section-1, #form-section-2, #form-section-3").show();
		}
    });



    i++;
	var template = jQuery.format($("#template").html());
	function addRow() {
        if ( i <= 4 ) {
            $(template(i)).appendTo("#osoby");
            i++;
        }
	}
    $("#add-new").click(addRow);

   	$.datepicker.regional['pl'] = {
		closeText: 'Zamknij',
		prevText: '&#x3c;Poprzedni',
		nextText: 'Następny&#x3e;',
		currentText: 'Dzień',
		monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec',
		'Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
		monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze',
		'Lip','Sie','Wrz','Pa','Lis','Gru'],
		dayNames: ['Niedziela','Poniedziałek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
		dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
		dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
		dateFormat: 'yy-mm-dd', firstDay: 1,
		isRTL: false};
	$.datepicker.setDefaults($.datepicker.regional['pl']);
	
    $(".data").datepicker({
	   showButtonPanel: true,
	   dateFormat: 'yy-mm-dd',
	   regional: 'pl',
	   showOn: 'button',
       buttonImage: 'images/calendar.png',
       buttonImageOnly: true,
       buttonText: 'Wybierz datę',
       changeMonth: true,
       changeYear: true ,
       minDate: '-80y',
       maxDate: '-10y',
       yearRange: '1900:2010',
       showOn: 'both'
	});

	$(".form-title").click(function() {
        var sekcja = $(this).next().attr('id');
        $(this).next().slideDown();
        if ( sekcja == 'form-section-1' ) {
            $("#form-section-2").slideUp();
            $("#form-section-3").slideUp();
        } else if( sekcja == 'form-section-2' ) {
            $("#form-section-1").slideUp();
            $("#form-section-3").slideUp();
        } else if ( sekcja == 'form-section-3' ) {
            $("#form-section-1").slideUp();
            $("#form-section-2").slideUp();
        }

    });
    $("#email").focus(function() {
        $("#form-section-2").slideDown();
    });
    $("#czlonek_tak, #czlonek_nie").click(function() {
        $("#form-section-1").slideUp();
    });
    /*$("#zwiazek_nie, #zasada_nie, #zasada_tak").change(function() {
        $("#form-section-3").slideDown();
        $("#form-section-2").slideUp();
    });*/
    
    $("#zwiazek_tak").click(function() {
        $(".st_show").slideDown();
    });
    $("#zwiazek_nie").click(function() {
        $(".st_show").slideUp();
        if($("input[@name='czlonek']:checked")){
        	$("#form-section-3").slideDown();
        	$("#form-section-2").slideUp();
        }
    });
    $("#zasada_nie, #zasada_tak").click(function(){
    	$("#form-section-3").slideDown();
        $("#form-section-2").slideUp();
    });

});

function deleteRow() {
    var a = i - 1;

    $("#osoba"+a).remove();
    i--;
}