function fadeIn(name)
{
 	jQuery("#karte").attr("src", "../images/" + name + ".png");
	jQuery("#karte").css("cursor", "pointer");	
	
	jQuery.get("/bfz_js/" + name + ".html", function(data)
	{
		jQuery("#popup").html(data);
		jQuery("#popup").show();
	});
}

function fadeInFlut(name)
{	
	jQuery("#karte_flut").attr("src", "../images/" + name + ".png");
	jQuery("#karte_flut").css("cursor", "pointer");	
	
	jQuery.get("/bfz_js/" + name + ".html", function(data)
	{
		jQuery("#popup").html(data);
		jQuery("#popup").show();
	});
}

function fadeOut()
{
	jQuery("#popup").hide();

	jQuery("#karte").attr("src", "../images/karte_neu.jpg");
	jQuery("#karte").css("cursor", "");
}

function fadeOutFlut()
{
	jQuery("#popup").hide();

	jQuery("#karte_flut").attr("src", "../images/karte_neu_flut.jpg");
	jQuery("#karte_flut").css("cursor", "");
}

function abfahrtAIn()
{
	fadeIn("abfahrt_a");
}

function abfahrtBIn()
{
	fadeIn("abfahrt_b");
}

function abfahrtCIn()
{
	fadeIn("abfahrt_c");
}

function abfahrtDIn()
{
	fadeIn("abfahrt_d");
}

function abfahrtEIn()
{
	fadeIn("abfahrt_e");
}

function abfahrtFIn()
{
	fadeIn("abfahrt_f");
}

function abfahrtAInFlut()
{
	fadeInFlut("abfahrt_a");
}

function abfahrtBInFlut()
{
	fadeInFlut("abfahrt_b");
}

function abfahrtCInFlut()
{
	fadeInFlut("abfahrt_c");
}

function abfahrtDInFlut()
{
	fadeInFlut("abfahrt_d");
}

function abfahrtEInFlut()
{
	fadeInFlut("abfahrt_e");
}

function abfahrtFInFlut()
{
	fadeInFlut("abfahrt_f");
}

function mouseMove(e)
{
	jQuery("#popup").css("top", 635);
	jQuery("#popup").css("left", 780);
}

function mouseMove_flut(e)
{
	jQuery("#popup").css("top", 1070);
	jQuery("#popup").css("left", 780);
}

jQuery(document).ready(function()
{
	new Image()

	jQuery("#abfahrt_c").hide();

	jQuery("#area1").hover(abfahrtCIn, fadeOut);
	jQuery("#area1").mousemove(mouseMove);

	jQuery("#area2").hover(abfahrtBIn, fadeOut);
	jQuery("#area2").mousemove(mouseMove);

	jQuery("#area3").hover(abfahrtAIn, fadeOut);
	jQuery("#area3").mousemove(mouseMove);
	
	jQuery("#area4").hover(abfahrtDIn, fadeOut);
	jQuery("#area4").mousemove(mouseMove);
	
	jQuery("#area5").hover(abfahrtEIn, fadeOut);
	jQuery("#area5").mousemove(mouseMove);
	
	jQuery("#area6").hover(abfahrtFIn, fadeOut);
	jQuery("#area6").mousemove(mouseMove);
	
	jQuery("#area1_flut").hover(abfahrtCInFlut, fadeOutFlut);
	jQuery("#area1_flut").mousemove(mouseMove_flut);

	jQuery("#area2_flut").hover(abfahrtBInFlut, fadeOutFlut);
	jQuery("#area2_flut").mousemove(mouseMove_flut);

	jQuery("#area3_flut").hover(abfahrtAInFlut, fadeOutFlut);
	jQuery("#area3_flut").mousemove(mouseMove_flut);
	
	jQuery("#area4_flut").hover(abfahrtDInFlut, fadeOutFlut);
	jQuery("#area4_flut").mousemove(mouseMove_flut);
	
	jQuery("#area5_flut").hover(abfahrtEInFlut, fadeOutFlut);
	jQuery("#area5_flut").mousemove(mouseMove_flut);
	
	jQuery("#area6_flut").hover(abfahrtFInFlut, fadeOutFlut);
	jQuery("#area6_flut").mousemove(mouseMove_flut);
});