$('a[data-number]').click(function(){

	var number = $(this).attr('data-number');
	var heightCarousel = $('div[data-item-number="' + number +'"]').attr('data-height');
	
	$('.nav a').removeClass('active');
	$('.nav a[data-number="' + number +'"]').addClass('active');
	
	if(number == '0'){
		$('.carousel-container').css('left', '0');
	} else {
		var position = -(520 * number);
		$('.carousel-container').css('left', position);
	}
	$('.carousel').animate({height: heightCarousel});
	
});

$('form .submit').live('click', function(event) {
	
	var name = $('form input[name="name"]').val();
	var email = $('form input[name="email"]').val();
	var message = $('form textarea[name="message"]').val();
	
	if(name == ''){
		$('.error-name').html("<span class='error'>Merci d'indiquer votre nom</span>");
		var error = true;
	} else {
		$('.error-name').html('');
	}
	if(email == ''){
		$('.error-email').html("<span class='error'>Merci d'indiquer votre email</span>");
		var error = true;
	} else {
		$('.error-email').html('');
	}
	if(message == ''){
		$('.error-message').html("<span class='error'>Merci de taper votre message</span>");
		var error = true;
	} else {
		$('.error-message').html('');
	}
	
	if(error != true){
		$.ajax({  
			type: "POST",  
			url: "send.php",
			data: "name=" + name + "&email=" + email + "&message=" + message,
			cache: false,
			success: function(data) { 
				if(data != ''){
					$('form').html("<p>Votre message a bien été envoyé. Merci !</p>");
				} else {
					$('form').html("<p>Il semble qu'une erreur se soit produite. Merci de bien vouloir réessayer ou de me contacter sur Twitter.</p>");
				}
			}  
		});
	}
	
	return false;
});