$(document).ready(function(e){
	initMenuEffects();
})
function initMenuEffects(){
	// EFFEKT FÜR DEN SITE-TITLE
	$('#site-title').mouseenter(function(e){
		$(this).find('a').stop(true).animate({
			'margin-top': -$(this).height() + 'px'
		}, 250, 'easeOutQuint');
	});
	$('#site-title').mouseleave(function(e){
		$(this).find('a').stop(true).animate({
			'margin-top': '0px'
		}, 250, 'easeOutQuint');
	});
	// EFFEKTE FÜRS MENÜ
	$('#menu a, #single-info a').each(function(index){
		$(this).html('<span class="multiTextWrapper"><span class="multiText"><span class="text1">'+$(this).html()+'</span><span class="text2">'+$(this).html()+'</span></span></span>')
	})
	$('#menu a, #single-info a').mouseenter(function(e){
		$(this).find('.multiText').stop(true).animate({
			'margin-top': '-35px'
		}, 250, 'easeOutQuint');
		if($(this).text().toLowerCase().indexOf('studio') != -1){
			//$('body').css('background-color', '#333');
		}
		var speed = 100;
		if($(this).parents('li').attr('id').indexOf('portfolio') != -1){
			$('body, a').css({
				'color': '#fff',
				'background-color': '#000'
			});
			$('a, h1').css({
				'backgroundPosition': '0px 0px'
			})
		} else {
			$('body, a').css({
				'color': '#000',
				'background-color': '#f1f1f1'
			});
			$('a, h1').css({
				'backgroundPosition': '0px -70px'
			})
		};
	});
	$('#menu a, #single-info a').mouseleave(function(e){
		$(this).find('.multiText').stop(true).animate({
			'margin-top': '0px'
		}, 250, 'easeOutQuint');
	});
}