// Kategorien
$(document).ready(function(){
	$(".btn-toggle").click(function(){
		$("#slide-out").slideToggle("slow");
		$(this).toggleClass("current"); return false;
	});
	
	$(".btn-togglecomment").click(function(){
		$("#slide-addcomment").slideToggle("slow");
	});
	
	$("#slide-thumb").click(function(){
		$("#thumbnails").slideToggle("slow");
		$(this).toggleClass("current"); return false;	
	});


// Listen mit gelben Squares

    $('ul.colorsquare li').each(function(i, e) {
        $(e).css('color', '#ffc100')
        $(e).contents().wrap('<span class="text"></span>')
    })

// Navigation Spielerei
	$("#top-nav a")
	.hover(function(){
		$(this).animate({ paddingTop: '14px' }, 200);
		$(this).siblings().animate({ opacity: .8})
		},
	function(){
		$(this).animate({ paddingTop: '5px' }, 200);
		$(this).siblings().animate({ opacity: 1})
		}
	)

// Image Fader
	$(".thumb-effect")
	.hover(function(){
		$(this).animate({opacity: 1});
		$(this).children().animate({ 'top': '-=30px' });
		},
	function(){
		$(this).animate({opacity: .5});
		$(this).children().animate({ 'top': '+=30px' });
		}
	)

	$("#thumbnails .thumbnails")
	.hover(function(){
		$(this).animate({opacity: 1});
		$(this).children().animate({ 'top': '-=30px' });
		},
	function(){
		$(this).animate({opacity: .5});
		$(this).children().animate({ 'top': '+=30px' });
		}
	)

	$("#nav_thumbs")
	.hover(function(){
		$(this).stop().animate({opacity: 1});
		},
	function(){
		$(this).stop().animate({opacity: .6});
		}
	)
	
});