$(document).ready(function() {
	$(".box").each(function(i) {
		$("#box-" + i).hover(function() {
			// Ausblenden des alten, aktiven Punktes
			$(".block").not("#block-" + i).css({display: "block"});
			$(".box .hintergrund").not("#box-" + i).fadeOut(600);
			$(".box").not("#box-" + i).removeClass("weiss").addClass("grau");
			setTimeout(function() {
				$(".box").not("#box-" + i).removeClass("aktiv");
			}, 600);
			
			// Einblenden des neuen, aktiven Punktes
			$("#box-" + i).addClass("weiss").removeClass("grau");
			$("#box-" + i + " .hintergrund").fadeIn(800);
			setTimeout(function() {
				$("#box-" + i).addClass("aktiv");
				$("#box-" + i + " .hintergrund").css({display: "block"});
				$(".block").css({display: "none"});
			}, 800);				
		},
		function() {
			// Ausblenden des aktiven Punktes
			$("#box-" + i + " .hintergrund").fadeOut(600);
			$("#box-" + i).removeClass("weiss");
			$("#box-" + i).addClass("grau");
			setTimeout(function() {
				$("#box-" + i).removeClass("aktiv");
			}, 600);
		});		
	});
});