//#################### Zweite Navigation (Startseite) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#home span").css("opacity","0");
		// on mouse over
		$("ul#home span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Zweite Navigation (Agentur) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#agentur span").css("opacity","0");
		// on mouse over
		$("ul#agentur span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Zweite Navigation (Grafikdesign) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#design span").css("opacity","0");
		// on mouse over
		$("ul#design span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Zweite Navigation (Events) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#events span").css("opacity","0");
		// on mouse over
		$("ul#events span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Zweite Navigation (Event Archiv) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#event_archiv span").css("opacity","0");
		// on mouse over
		$("ul#event_archiv span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Spotlight Kampagne (Spotlight Startseite) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#spotlight span").css("opacity","0");
		// on mouse over
		$("ul#spotlight span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});

//#################### Spotlight Kampagne (Spotlight Packages) ####################
$(function() {
		// set opacity to nill on page load
		$("ul#package span").css("opacity","0");
		// on mouse over
		$("ul#package span").hover(function () {
			// animate opacity to full
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});