$(document).ready(function(){
	$('.email_holder').html('<a href="mailto:mail@paulsixta.com">mail@paulsixta.com</a>');
	$('.leave_a_note').click(function(){
		$('#contact_form_wrap').slideToggle();
	})
	$("#name, #email").blur(function(){			
		var $name = $(this).attr('name');
		if(!$(this).val()) $(this).val($name);
	});
	$("#name, #email").focus(function(){
		$(this).css('color', '#272727')
		var $name = $(this).attr('name');
		if($(this).val() == $name) $(this).val(""); ;
	});
	$('.submit').click(function(){
		if($('#name, #email').val() == $('#name, #email').attr('name')){
			$('#name, #email').val('');
		}
	})
	$('#contact_form').validate({
			submitHandler: function(form) {
		 		var $name = $('#name').val();
				var $email = $('#email').val();
				var $message = $('#message').val();
				var $dataString = 'name='+ $name + '&email=' + $email + '&message=' + $message;
			  	//alert (dataString);return false;
				  $.ajax({
				    type: "POST",
				    url: "mail.php",
				    data: $dataString,
				    success: function() {
						$('#contact_form_wrap').fadeOut(function(){
							$('#contact_form_wrap').html("<div id='message_send'></div>");
						    $('#message_send').html("<div class='left' id='send_message'><p>Your message has been send!</p><p>I will contact you soon.</p></div><div class='clear'></div>");
						    $('#contact_form_wrap').fadeIn();

						})
				    }
				  });
			}
		
	});
})