$(document).ready(function() {
	
	$("a.me").click(function(){
	$("div.active").animate({"left": "-250px"},{ duration: "slow", queue: false });
    $("div.active").fadeOut("slow");
    $("div.active").animate({"left": "200px"},{ duration: "slow", queue: true });
  	$("div.active").removeClass("active");
	$("div#me").addClass("active");
    $("div.active").animate({"left": "0"},{ duration: "slow", queue: false });
    $("div.active").fadeIn("slow");
	});
	
	$("a.work").click(function(){
	$("div.active").animate({"left": "-250px"},{ duration: "slow", queue: false });
    $("div.active").fadeOut("slow");
    $("div.active").animate({"left": "200px"},{ duration: "slow", queue: true });
  	$("div.active").removeClass("active");
	$("div#my-works").addClass("active");
    $("div.active").animate({"left": "0"},{ duration: "slow", queue: false });
    $("div.active").fadeIn("slow");
    });
	
	$("a.contact").click(function(){
	$("div.active").animate({"left": "-250px"},{ duration: "slow", queue: false });
    $("div.active").fadeOut("slow");
    $("div.active").animate({"left": "200px"},{ duration: "slow", queue: true });
  	$("div.active").removeClass("active");
	$("div#contact-me").addClass("active");
    $("div.active").animate({"left": "0"},{ duration: "slow", queue: false });
    $("div.active").fadeIn("slow");
    });
	
});