jQuery(document).ready(function() {
    jQuery('#carousel').jcarousel({
    auto: 5,
    scroll: 1,
    visible: 4,
    wrap: 'last',
    animation: 'medium',    
    });
    $(".portfolio dd:odd").addClass("odd");
    
	$(".name").focus(function(){ if ($(this).val() == 'Imię oraz Nazwisko'){$(this).val('');}});
  	$(".name").blur(function(){ if ($(this).val() == ''){ $(this).val('Imię oraz Nazwisko');}});
  	$(".mail").focus(function(){ if ($(this).val() == 'Adres e-mail'){$(this).val('');}});
  	$(".mail").blur(function(){ if ($(this).val() == ''){ $(this).val('Adres e-mail');}});
  	$(".subject").focus(function(){ if ($(this).val() == 'Temat'){$(this).val('');}});
  	$(".subject").blur(function(){ if ($(this).val() == ''){ $(this).val('Temat');}});
  	$(".question").focus(function(){ if ($(this).val() == 'Treść zapytania'){$(this).val('');}});
  	$(".question").blur(function(){ if ($(this).val() == ''){ $(this).val('Treść zapytania');}});    
    
	function checkEmail(inputvalue){	
		var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
		if(pattern.test(inputvalue)){         
			return true;   
		}else{   
			return false; 
		}
	}
 
    $('#contact-form').submit(function() {
		var data   = $('form').serialize();
		
		$('.name').css('border-color','#858C8F');
		$('.mail').css('border-color','#858C8F');
		$('.subject').css('border-color','#858C8F');
		$('.question').css('border-color','#858C8F');
		
		if ($(".name").val() == "Imię oraz Nazwisko" ) {
			$('.name').css('border-color','red');
			$('.result').html("<span style='color:red'>Wpisz imię oraz nazwisko</span>");
		}
		else if ( !checkEmail( $(".mail").val() )) {
			$('.mail').css('border-color','red');
			$('.result').html("<span style='color:red'>Wpisz adres e-mail</span>");
		}
		else if ($(".subject").val() == "Temat" ) {
			$('.subject').css('border-color','red');
			$('.result').html("<span style='color:red'>Wpisz temat</span>");
		} 
		else if ($(".question").val() == "Treść zapytania" ) {
			$('.question').css('border-color','red');
			$('.result').html("<span style='color:red'>Wpisz treść zapytania</span>");
		}
		else { 
		$.ajax({
    		url: "/mail",
    		type: "POST",
    		data: data,
    		success: function(result) {
				$(".result").html('<span style="color:green">'+result+'</span>');	
    		},
   			error: function(error) { $('.result').html('<span style="color:red">'+error+'</span>'); }
		});
		}
	return false;
	});
	
});