$(document).ready(function() {
	
	$(".aboutme").click(function() {
		$("#slide_wrapper").animate({left: -950}, "fast", function() {
			$("#text_wrapper").fadeTo("fast", 0, function() {
				$(".uppertext").text("Who the fuck am I?");
				$("#text_wrapper").fadeTo("fast", 1);
			});
			$("#backtohome").fadeTo("fast", 1);
			$("#backtohome").animate({height: 150}, "fast");
		});
	});
	
	$(".educational").click(function() {
		$("#slide_wrapper").animate({left: -1900}, "fast", function() {
			$("#text_wrapper").fadeTo("fast", 0, function() {
				$(".uppertext").text("Everything I create on my school will be posted here. I want to give people insight to what should make me a cool graphic and interactive designer and what I can give to the world when I will have my grade.");
				$("#text_wrapper").fadeTo("fast", 1);
			});
			$("#backtohome").fadeTo("fast", 1);
			$("#backtohome").animate({height: 150}, "fast");
		});
	});
	
	$(".articles").click(function() {
		$("#slide_wrapper").animate({left: -2850}, "fast", function() {
			$("#text_wrapper").fadeTo("fast", 0, function() {
				$(".uppertext").text("This is still under construction");
				$("#text_wrapper").fadeTo("fast", 1);
			});
			$("#backtohome").fadeTo("fast", 1);
			$("#backtohome").animate({height: 150}, "fast");
			
		});
	});
	
	$("#backtohome").click(function() {
		$("#slide_wrapper").animate({left: 0}, "fast", function() {
			$("#text_wrapper").fadeTo("fast", 0, function() {
				$(".uppertext").text("IDx, Also known as Interaction Design is a more common expression these days. IDx enables more functionality to websites but the most important of IDx, how are you using it and make it applicable for the end user. That is what this subpage is dedicated to. I'm experimenting with different ways to communicate using the web and new technologies (CSS3, HTML5 and so on). Ladies and gentlemen, I present you my Sketchbook, full of cool experiments in design and technology. (by the way, for more information and graphic, press the big orange arrow above (THIS IS NOT WORKING YET)");
				$("#text_wrapper").fadeTo("fast", 1);
			});
			$("#backtohome").fadeTo("fast", 0);
			$("#backtohome").animate({height: 0}, "fast");
		})
	});
	
});