$(function(){
	wtb.setIntroHeight();
	
	////////////HERZLICH///////////////
	//override css animation
	$('.content-herzlich').css({width:'50%'});
	$('.content-herzlich .hover').css({display:'none'});
	$('.content-herzlich .default').css({display:'block'});
	//animation
	$('.content-herzlich').hover(
		function(){
			$('.content-herzlich').stop().animate({width:'75%'});
		},
		function(){
			$('.content-herzlich').stop().animate({width:'50%'});
		}
	);
	
	////////////HART///////////////
	//override css animation
	$('.content-hart').css({width:'50%'});
	$('.content-hart .hover').css({display:'none'});
	$('.content-hart .default').css({display:'block'});
	//animation
	$('.content-hart').hover(
		function(){
			$('.content-hart').stop().animate({width:'75%'});
		},
		function(){
			$('.content-hart').stop().animate({width:'50%'});
		}
	);
	
	$(window).bind('resize',wtb.setIntroHeight);
});

var wtb=wtb || {};
wtb.setIntroHeight=function(){
	var height=Math.max(500,$('body').height()-$('.header').height());
	$('.intro').css({height:height});
	var width=$('body').width();
	var bgWidth=Math.round(width*0.76);
	var textPos=Math.round(width/4);
	$('.content-herzlich').css({backgroundSize:bgWidth+'px',backgroundPosition:'right top'}).find('span.default').css({right:textPos+'px'});
	$('.content-hart span.default').css({left:textPos+'px'});
};