$(document).ready(function() {
 
	// Menu ausfahren 
	$("#menu").click(function(){
		$("#navicontainer").animate({
			width: 'show'
		}, 600);
		$("#menu").fadeOut(250);
		setTimeout(function(){$("#profilwrapper").fadeOut(180);},80);
		setTimeout(function(){$("#profilbutton").fadeOut(180);},80);
		setTimeout(function(){$("#logo").fadeIn(1200);},400);
	});
   
	// Menu einfahren
	$("#logo,#back").click(function(){
		$("#navicontainer").animate({
			width: 'hide'
		}, 800);
		$("#logo").fadeOut(300);
		setTimeout(function(){$("#profilwrapper").fadeIn(800);},300);
		setTimeout(function(){$("#profilbutton").fadeIn(800);},300);
		setTimeout(function(){$("#menu").fadeIn(1200);},400);
	});
	
	// Profil aus- und einfahren
	$("#profilbutton").click().toggle(function(){
		$("#profilinfo").animate({
			width: 'show'
		}, 600);
		setTimeout(function(){$("#profiltext").animate({
			width: 'show'
		}, 600);},250);
	}, function() {
		$("#profiltext").animate({
			width: 'hide'
		}, 600);
		$("#profilinfo").animate({
			width: 'hide'
		}, 900);
	});
   
 });