// JavaScript Document
$(document).ready(function() {

		$("#con_navi li a span").css("opacity","0");
		$("#con_navi li a span").hover(function () {
		// animate opacity to full
			$(this).stop().animate({opacity: 1}, 'slow');
		},
		
		// on mouse out
		function () {
			$(this).stop().animate({opacity: 0}, 'slow');
		});
		
		// subnavi block	
		$(".portfolio_active").css("opacity","0");
		$("#portfolio_sub").css("opacity","0");
		$(".portfolio_active").hover(
			function () { $(this).stop().animate({opacity: 1}, 'slow'); },''
		);	
		
		$(".portfolio_active").mouseenter(
			function () { $("#portfolio_sub").stop().animate({	opacity: 1}, 'slow'); }	
		);
		
		// subnavi
		$("#portfolio_sub a span").css("opacity","0");
		$("#portfolio_sub a span").hover(
			function () { $(this).stop().animate({opacity: 1}, 'slow'); },
			function () { $(this).stop().animate({opacity: 0}, 'slow'); }
		);
	
	
		// subnavi - mouseout
		$("#portfolio_sub").mouseleave(	function () {$(".portfolio_active").stop().animate({opacity: 0}, 'slow'); }	);
		$("#portfolio_sub").mouseleave(	function () {$(this).stop().animate({	opacity: 0}, 'slow'); });
		
		
		// deactivate sub on all element's hover
		$('.vita').mouseenter( function () {$(".portfolio_active").stop().animate({opacity: 0}, 'slow');});
		$('.links').mouseenter( function () {$(".portfolio_active").stop().animate({opacity: 0}, 'slow');});
		$('.contact').mouseenter( function () {$(".portfolio_active").stop().animate({opacity: 0}, 'slow');});
		$('.imprint').mouseenter( function () {$(".portfolio_active").stop().animate({opacity: 0}, 'slow');});
		$('.vita').mouseenter( function () {$("#portfolio_sub").stop().animate({opacity: 0}, 'slow');});
		$('.links').mouseenter( function () {$("#portfolio_sub").stop().animate({opacity: 0}, 'slow');});
		$('.contact').mouseenter( function () {$("#portfolio_sub").stop().animate({opacity: 0}, 'slow');});
		$('.imprint').mouseenter( function () {$("#portfolio_sub").stop().animate({opacity: 0}, 'slow');});
		
		
		// hints
		$('#hint_bs').css("opacity","0");
		$('#hint_fb').css("opacity","0");
		
		//bs hover
		$(".blogspot").hover(
				function () { $('#hint_bs').stop().animate({opacity: 1}, '0.4'); },
				function () { $('#hint_bs').stop().animate({opacity: 0}, '0.4'); }
		);
		
		// fb hover
		$(".facebook").hover(
				function () { $('#hint_fb').stop().animate({opacity: 1}, '0.4'); },
				function () { $('#hint_fb').stop().animate({opacity: 0}, '0.4'); }
		);
		
		
		// subnavi
		$('.navi_img').css("opacity","0");
		$(".navigation").hover(
				function () { $('.navi_img').stop().animate({opacity: 1}, 'fast'); },
				function () { $('.navi_img').stop().animate({opacity: 0}, 'fast'); }
		);

		
});