$(document).ready(function() {

$("#imie").bind('focus', function(){
	$(this).addClass('wyroznienie');
});

$("#imie").bind('blur', function(){
	$(this).removeClass('wyroznienie');
	
	var imie = $("#imie").val();
	 $("#imie_komunikat").html('<span class="niepoprawne_dane"></span>');
	                 
	 if(imie == '') {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Pole wymagane ...</span>');
	 }  else {
	         
		  	$("#imie_komunikat").html('<span class="poprawne_dane">Wpisano imię.</span>');	 
	 }
	 
});

$("#nazwisko").bind('focus', function(){
	$(this).addClass('wyroznienie');
});

$("#nazwisko").bind('blur', function(){
	$(this).removeClass('wyroznienie');
	
	var nazwisko = $("#nazwisko").val();
	 $("#nazwisko_komunikat").html('<span class="niepoprawne_dane"></span>');
	                 
	 if(nazwisko == '') {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Pole wymagane ...</span>');
	 }  else {
	         
		  	$("#nazwisko_komunikat").html('<span class="poprawne_dane">Wpisano nazwisko.</span>');	 
	 }
	 
});

$("#email").bind('focus', function(){
	$(this).addClass('wyroznienie');
});

$("#email").bind('blur', function(){
	$(this).removeClass('wyroznienie');
	
	var format_email_kontrola = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
	var email = $("#email").val();
	 $("#email_komunikat").html('<span class="niepoprawne_dane"></span>');
	                 
	 if(email == '') {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Pole wymagane ...</span>');
	 }  
	 
	 else if(!format_email_kontrola.test(email)) {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Popraw format e-mail.</span>');
	 }
	 
	 else {
	         
		  	$("#email_komunikat").html('<span class="poprawne_dane">Poprawny format e-mail.</span>');	 
	 }
	
});

$("#opis").bind('focus', function(){
	$(this).addClass('wyroznienie');
});

$("#opis").bind('blur', function(){
	$(this).removeClass('wyroznienie');
	
	var opis = $("#opis").val();
	 $("#opis_komunikat").html('<span class="niepoprawne_dane"></span>');
	                 
	 if(opis == '') {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Pole wymagane ...</span>');
	 }  else {
	         
		  	$("#opis_komunikat").html('<span class="poprawne_dane">Wpisano definicję zmiennej.</span>');	 
	 }
	
});


$(".wybrany_framework_javascript").bind('change', function() {
          var wybrany = "Wybrano: ";
          $("select.wybrany_framework_javascript option:selected").each(function () {
                wybrany += $(this).html() + " ";
              });
          $(".framework_js").html(wybrany);
          $(".framework_js").show();
        });
        
        
$(".wybrane_frameworki_php").bind('change', function() {
          var wybrany = "Wybrano: ";
          $("select.wybrane_frameworki_php option:selected").each(function () {
                wybrany += $(this).html() + " ";
              });
          $(".frameworki_php").html(wybrany);
          $(".frameworki_php").show();
        });

 

 
$("#kontrola_formularza").bind('click', function(){

   var imie = $("#imie").val(); 
	 var nazwisko = $("#nazwisko").val(); 
	 var email = $("#email").val();
	 var opis = $("#opis").val();
		
	 $("#kontrola_formularza_komunikat").html('<span class="niepoprawne_dane"></span>');
	             
	 if(imie == '' || nazwisko == '' || email == '' || opis == '') {
	         $(".niepoprawne_dane").replaceWith('<span class="niepoprawne_dane">Uzupełnij formularz.</span>');
	 }  
	 
	 else {
	         
		  	$("#kontrola_formularza_komunikat").html('<span class="poprawne_dane">Wysłano formularz.</span>');	 
		  	}
		
	 });
	 
	 
});	
 
 





   
    	
			