$(document).ready(function(){
	
	$('.header1').html('<div class="big">NORDSEE</div>');
	$('.header2').html('<div class="big">URLAUB</div>');
	$('.header3').html('<div class="big">INSEL</div>');
	$('.content').html('<div class="big">F&Ouml;HR</div>');
	
	$('.header1').mouseover(function(){
		$('.main').css("background","url('nordsee.jpg') no-repeat");
		$('.quarter').addClass('transp');
		$('.big').addClass('transp');
		$(this).removeClass('transp');
		$(this).find('.big').removeClass('transp');
	});
	$('.header2').mouseover(function(){
		$('.main').css("background","url('urlaub.jpg') no-repeat");
		$('.quarter').addClass('transp');
		$('.big').addClass('transp');
		$(this).removeClass('transp');
		$(this).find('.big').removeClass('transp');
	});
	$('.header3').mouseover(function(){
		$('.main').css("background","url('insel.jpg') no-repeat");
		$('.quarter').addClass('transp');
		$('.big').addClass('transp');
		$(this).removeClass('transp');
		$(this).find('.big').removeClass('transp');
	});
	$('.content').mouseover(function(){
		$('.main').css("background","url('foehr.jpg') no-repeat");
		$('.quarter').addClass('transp');
		$('.big').addClass('transp');
		$(this).removeClass('transp');
		$(this).find('.big').removeClass('transp');
	});
	$('.quarter').mouseout(function(){ $('.transp').removeClass('transp')});
	
})