$(document).ready(function(){

	var _mb = $('#messageBox1'); 
	var _cf = $('#c-f');
	
	$('#c-f .hi').hover(function() {
		$(this).addClass('input-hover');
	}, function() {
		$(this).removeClass('input-hover');
	});

	$('#c-f .hi').focus(function() {
		$(this).addClass('input-hover');
	});
	$('#c-f .hi').blur(function() {
		$(this).removeClass('input-hover');
	});
     
	$('#c-f-submit').hover(function() {
		$(this).addClass('submit-hover');
	}, function() {
		$(this).removeClass('submit-hover');
	});
      
      
	$("#contact-form").validate({
		rules: {
    		d1: {
				required: true,
    			minlength: 5
    		},
    		d2: {
    			required: true,
       			email: true
     		},
			d4: {
				required: function(element) {return $("#d6").val() == 2;},
				minlength: 4
      		},
			d5: {
				required: function(element) { return $("#d6").val() == 3;},
				minlength: 4
      		},       			
     		d8: {
				required: true,
    			minlength: 20
    		}
	   	},
	   	
		messages: {
			d1: {
				required: "Prosimy podać <b>Imię i Nazwisko</b>",
				minlength: "Prosimy podać poprawne <b>Imię i Nazwisko</b>"				
			},
			d2: {
				required: "Prosimy podać <b>Adres email</b>",
				email: "Prosimy podać poprawny <b>Adres email</b>"
			},
			d4: {
				required: "Dla wybranej formy kontaktu prosimy podać <b>Telefon stacjonarny</b>",
				minlength: "Prosimy podać poprawny <b>Telefon stacjonarny</b>"	
      		},
      		d5: {
				required: "Dla wybranej formy kontaktu prosimy podać <b>Telefon komórkowy</b>",
				minlength: "Prosimy podać poprawny <b>Telefon komórkowy</b>"
      		},
			d8: {
				required: "Prosimy podać <b>Treść zapytania</b>",
				minlength: "Prosimy podać poprawną <b>Treść zapytania</b>"	
			}
			
		},
	   	 		
 		errorPlacement: function(error, element) {
    		return false;
   		},
		errorContainer: "#messageBox1",
		errorLabelContainer: "#messageBox1",
		wrapper: "span",
		onkeyup: false,
		submitHandler: function(form) {
			$('#c-f').block({ 
				message: 'Trwa wysyłanie wiadomości', 
 				css: { 
					border: 'none', 
					padding: '15px', 
					backgroundColor: '#000', 
					'-webkit-border-radius': '10px', 
					'-moz-border-radius': '10px', 
					opacity: '.8', 
					color: '#fff' 
 				}  
			});		
		
			var formData = $("#contact-form").serialize();
			$.ajax({  
				type: "POST",  
				url: "c-f.php",  
				data: formData,
				cache: false,
				error: function (XMLHttpRequest, textStatus, errorThrown) {
					_mb.html('Wystąpił błąd w czasie wysyłania formularza. Prosimy sróbować ponownie.');
					_mb.css('display','block');
					_cf.unblock();
				},
				success: function(data) {
					_mb.html('');
					_mb.css('display','none');
					
					if(data == 1){
						_cf.unblock();
						_cf.fadeOut(800, function(){
							_cf.html('<div class="form-send">Wiadomość została wysłana. Dziękujemy!!!</div>');
							_cf.fadeIn(800);
						});
					}
					else{
						_mb.html('Wystąpił błąd w czasie wysyłania formularza. Prosimy sróbować ponownie.');
						_mb.css('display','block');
						_cf.unblock();
					}
				}  
			});  
   		}
	}); //$("#contact-form").validate({
	
	$("a.aaa").fancybox({
		'hideOnContentClick': false,
		'frameWidth' : 800, 
		'frameHeight' : 500
	});

});