$.fn.fadeThat = function(effTime){
    function helper(elem){
        elem.fadeIn(effTime, function(){
            helper(elem.next('.galItem'));
        });
    }
    $(this).eq(0).fadeIn(effTime, function(){
        helper($(this).next('.galItem'));
    });
};

$(document).ready(function() {
	$('.galItem').hide();
	$('nav ul li a.home').addClass('active');
	
	$('a.inner').click(function() {
		href = $(this).attr('href');
		href = href.replace('#', '');
		rel = $(this).attr('rel');
		
		$('nav ul li a').removeClass('active');
		$(this).addClass('active');
		
		$.ajax({
			url: href+'.php',
			type: 'POST',
			data: 'reload=true',
			error: function(a,b,c) {
				alert('Es ist ein Fehler aufgetreten:\n'+c);
			},
			success: function(a) {
				$('#content').fadeOut(500, function() {
					$(this).html(a).fadeIn(500);
					$('#header .title').html(rel);
				});
			}
		});
	
		return false;
	});
	
	// $('.galItem').fadeThat(2000);
	$('.galItem').fadeIn(2000);
});