$(function(){

	

	$('.content-page').each(function(){

		$(this).css({'margin-left':(-(parseInt($(this).width())))+'px'})

	})

	

	$('#contact-button, #about-button, .ajax-load').click(function(){

		$(this).removeClass('active');

		$('.active-page').animate({'margin-left':'+='+(-(parseInt($('.active-page').width())))+'px'}).removeClass('active-page');

	})

	

	$('#contact-button').click(function(e){

		$(this).addClass('active');

		e.preventDefault();

			$('#contact').addClass('active-page').animate({'margin-left':'+='+(-(parseInt($('#contact').css('margin-left'))))+'px'});

	})

	

	$('#about-button').click(function(e){

		$(this).addClass('active');

		e.preventDefault();

			$('#about').addClass('active-page').animate({'margin-left':'+='+(-(parseInt($('#about').css('margin-left'))))+'px'});

	})



	$('#preloader .left .image').css({'margin-left':'-='+($('.photo-gallery .viewport').width()/2)+'px'});

	$('#preloader .right .image').css({'margin-left':'+='+($('.photo-gallery .viewport').width()/2)+'px'});

	$('#preloader').hide()

})