$(document).ready(function(){
         $('#navsub').find('li:eq(2)').after('<li style="margin: 50px 0"><a href="#">Farbe</a></li>');
         $('noscript').css('display','none');
		 $("a[href^='http']").not("[href*='digitale-lebenswelt.de']").attr("target","_blank");
		 
	if ($.cookie('lebenswelt')) {
         	$('body').addClass('black');
         };

	var hash = window.location.hash.substr(1);
	var title = $('#gallery li').each(function(){
		var title = $(this).find('img').attr('title');
		if(hash==title){
         		var male = $(this).find('a:eq(0)').html().replace(/th_/,'');
         		var female = $(this).find('a:eq(1)').html().replace(/th_/,'');
                         $('h2').html(hash);
                         $('#image').html(male+' '+female);
                         $(this).addClass('opacity')
		}
	});

         $('#gallery li').click(function(){
         	var male = $(this).find('a:eq(0) img').attr('src').replace(/th_/,'');
         	var female = $(this).find('a:eq(1) img').attr('src').replace(/th_/,'');
         	var title = $(this).find('img').attr('title');
         	window.location.hash = title;
         	$('.opacity').removeClass('opacity');
		$('h2').html(title);
         	$('#image').find('img:eq(0)').attr({src: male, title: title});
                 $('#image').find('img:eq(1)').attr({src: female, title: title});

         	$(this).addClass('opacity')
         	return false;
	});

         $("#navsub li:contains('Farbe')").click(function () {
      		$('body').toggleClass('black');
                 if ($('body').hasClass('black')) {
    			$.cookie('lebenswelt','black');
  		}
  		else {
    			$.cookie('lebenswelt',null);
  		}

    	});

});