$(document).ready(function() {


	$('.navigation a').click(function() {
		$('.navigation a').removeClass('active');
		$(this).addClass('active');

		var toLoad = $(this).attr('href')+' #content';

		$('#content').fadeOut('normal', loadContent);

		function loadContent() {
			$('#content').load(toLoad, '', showNewContent());
		}
		function showNewContent() {
			$('#content').fadeIn('normal', hideLoader());
		}
		function hideLoader() {
		
		}
		return false;

	});
		
	$('#contact').submit(function() {
		
		$('#submit').hide();		
		var str = $(this).serialize();
				
		$.ajax({
			type: 'POST',
			url: '/mail',
			data: str,
			success: function() {
				$('#contact').slideUp();
				$('#success').html('<p>Your message has been successfully sent!</p>');
				$('#success').slideDown();
			},
			error: function() {
			
			}
		});
				
		return false;
	});



});