$(document).ready(function(){
	var maxinfobox=0;	
	var maxboxen=0;
	$(".einzelthema_box").each(function(index){
		$(this).mouseover(function(){
			if($("#infobox").height()<maxinfobox){
				$("#infobox").stop().animate({height:maxinfobox+'px'},500);
			}
			$("#infobox").css("backgroundPosition",(325*index+130)+"px 0px"); 
			$(".infobox_einzeln").css("display","none");
			$("#iboein"+index).css("display","block");

		});
		maxboxen=index;
		
	});

	$(".infobox_einzeln").each(function(index){
		$(this).attr("id","iboein"+index);
		if(index<maxboxen){
			$(this).css("marginLeft",(index*325)+"px");
		}else{
	$(this).css("marginLeft",((maxboxen-1)*325)+"px");

		}
		if($(this).height()>maxinfobox)
			maxinfobox=$(this).height()
	});
	maxinfobox+=22;

	$(".sprachbox").each(function(){
		$(this).mouseover(function(){
			$(this).stop().animate({
				left:"0px"
			},500);
		});
		$(this).mouseout(function(){
			$(this).stop().animate({
				left:"-185px"
			},500);
		});

	});


	// #####################
	// ##  Sprachauswahl  ##
	// #####################

	$("#sprachwechsel").hover(
		function () {
			$("#xm").css("display",'block');
		},
		function () {
			$("#xm").css("display",'none');
		}
	);

	// ###################################
	// ##  Verlinkung der Bildbereiche  ##
	// ###################################

	$("#bildbox1, #bildbox2, #bildbox3").click(function(){
		url = $(this).siblings(".bereich_link").find("a").attr("href");
		window.location.href = url;
	});

});