$(document).ready(function() {
 
	// Info ausfahren
	$("a#info").click(function(){
		$("#infotext").animate({
			width: 'show'
		}, 600);
		$("#info").fadeOut(1);
	});   

	// Info einfahren  
	$("a.infoclose").click(function(){
		$("#infotext").animate({
			width: 'hide'
		}, 900);
		setTimeout(function(){$("#info").fadeIn(1000);},600);
	});
 
	// Menu ausfahren
	$("#menu").click(function(){
		$("#navicontainer").animate({
			width: 'show'
		}, 600);
		$("#menu").fadeOut(250);
		setTimeout(function(){$("#thumbs").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(){$("#thumbs").fadeIn(800);},400);
		setTimeout(function(){$("#menu").fadeIn(1200);},400);
	});

	// Thumbs einfahren 
    $(".arrow").click(function(){
		$("#thumbscontainer").fadeOut(600);
		setTimeout(function(){$("#arrow").fadeIn(1200);},300);
		$("div#next a[@href$=block]").each( function() {
		$(this).attr("href", $(this).attr("href").replace(/block$/,"none"));
		});
		$("div#prev a[@href$=block]").each( function() {
		$(this).attr("href", $(this).attr("href").replace(/block$/,"none"));
		}); 
	});
   
	// Thumbs ausfahren
    $("#arrow").click(function(){
		$("#thumbscontainer").fadeIn(400);
		$("#arrow").fadeOut(800);
		$("div#next a[@href$=none]").each( function() {
		$(this).attr("href", $(this).attr("href").replace(/none$/,"block"));
		});
		$("div#prev a[@href$=none]").each( function() {
		$(this).attr("href", $(this).attr("href").replace(/none$/,"block"));
		}); 
   });
   
   
 });