jQuery(document).ready(function(){

	jQuery("div#menue").css("padding", "0");
	
	var arr = new Array("Wuestenrot", "Mainhardt", "Grosserlach", "Spiegelberg", "SulzbachMurr", "Oppenweiler", "Murrhardt", "Aspach", "Backnang", "Kaiserbach", "Gschwend", "Althuette", "WeissachimTal", "Rudersberg", "Welzheim", "Alfdorf", "Lorch", "Schorndorf", "Waiblingen");

	// jeder infobox eine ID verpassen
	jQuery("div#infoboxen div.csc-textpic-text").each(function(i) {
		jQuery(this).attr("id", "infobox_" + arr[i]);
	});

	jQuery("#Map area").hover(function(){
		var myID = "infobox_" + jQuery(this).attr("id");
		jQuery("#tooltip").addClass("open");
		jQuery("#tooltip").fadeIn("slow");
		jQuery("#tooltip").html( jQuery("#infoboxen").find("#" + myID).html() );
	});

	jQuery("#Map").mousemove(function(ev){
		jQuery("#tooltip").position({
			my: "center bottom",
			of: ev,
			offset: "0",
			collision: "fit"
		});
	});
	
	jQuery("#tooltip").click(function(){
		if (jQuery("#tooltip").hasClass("open")) {
			jQuery("#tooltip").fadeOut("slow");
			jQuery("#tooltip").removeClass("open");
		}
	});
});