$(document) .ready(function(){

	$('#details') .click(function () {
		$('.picture') .fadeOut(0001);
			$('#work') .fadeIn(800);
			$('#om') .fadeOut(0001);
			$('#kontakt') .fadeOut(0001);
			$('.mot') .fadeOut(0001);
			$('.mott') .fadeOut(0001);
	});
	
	$('#details2') .click(function () {
		$('.picture') .fadeOut(0001);
			$('#work2') .fadeIn(800);
			$('#om') .fadeOut(0001);
			$('#kontakt') .fadeOut(0001);
			$('.mot') .fadeOut(0001);
			$('.mott') .fadeOut(0001);
	});
	
	$('#details3') .click(function () {
		$('.picture') .fadeOut(0001);
			$('#work3') .fadeIn(800);
			$('#om') .fadeOut(0001);
		    $('#kontakt') .fadeOut(0001);
			$('.mot') .fadeOut(0001);
			$('.mott') .fadeOut(0001);
	});
	
	$('#details4') .click(function () {
		$('.picture') .fadeOut(0001);
			$('#work4') .fadeIn(800);
			$('#om') .fadeOut(0001);
			$('#kontakt') .fadeOut(0001);
			$('.mot') .fadeOut(0001);
			$('.mott') .fadeOut(0001);
	});
	
	$('#details5') .click(function () {
		$('.picture') .fadeOut(0001);
			$('#work5') .fadeIn(800);
			$('#om') .fadeOut(0001);
			$('#kontakt') .fadeOut(0001);
			$('.mot') .fadeOut(0001);
			$('.mott') .fadeOut(0001);
	});
	
	$('.button1') .click(function () {
		$('.picture') .fadeIn(500);
		$('#work') .fadeOut(0001);
			$('#om') .fadeIn(0001);
		    $('#kontakt') .fadeIn(0001);
			$('.mot') .fadeIn(0001);
			$('.mott') .fadeIn(0001);
	});
	
	$('.button2') .click(function () {
		$('.picture') .fadeIn(500);
		$('#work2') .fadeOut(0001);
				$('#om') .fadeIn(0001);
		    $('#kontakt') .fadeIn(0001);
			$('.mot') .fadeIn(0001);
			$('.mott') .fadeIn(0001);
	});

	$('.button3') .click(function () {
		$('.picture') .fadeIn(500);
		$('#work3') .fadeOut(0001);
				$('#om') .fadeIn(0001);
		    $('#kontakt') .fadeIn(0001);
			$('.mot') .fadeIn(0001);
			$('.mott') .fadeIn(0001);
	});
	
	$('.button4') .click(function () {
		$('.picture') .fadeIn(500);
		$('#work4') .fadeOut(0001);
				$('#om') .fadeIn(0001);
		    $('#kontakt') .fadeIn(0001);
			$('.mot') .fadeIn(0001);
			$('.mott') .fadeIn(0001);
	});
	
	$('.button5') .click(function () {
		$('.picture') .fadeIn(500);
		$('#work5') .fadeOut(0001);
				$('#om') .fadeIn(0001);
		    $('#kontakt') .fadeIn(0001);
			$('.mot') .fadeIn(0001);
			$('.mott') .fadeIn(0001);
	});

});