var state = 0;
var open = 0;

var mapdata = [ 
[0, 257, 138, 'Pages in sozialen Netzwerken', 'Integrierte Markenpages für maximale Reichweite und Interaktion mit den eigenen Fans'], 
[1, 29, 267,  'Digitale Markenführung', 'Auf- und Ausbau von Marken im Social Context'], 
[1, 100, 188, 'Online-Medien', 'Effiziente Mediaplanung und -schaltung in sozialen Netzen'], 
[1, 160, 267, 'Digitale Promotions', 'Gewinnspiele, Couponings, Events in sozialen Netzen'], 
[1, 391, 243, 'SMO', 'Effiziente Tools, um gefunden zu werden'], 
[2, 182, 102, 'Dialogmarketing', 'Pflege der Wall, Outsourcing und Optimierung von Customer Support'], 
[2, 365, 278, 'Mavens', 'Support anhand von Buzzwords'], 
[2, 364, 385, 'eCRM', 'Kundenbindung in soz. Netzwerken'], 
[3, 80, 368,  'Digitale Kooperationen', 'Cross-Sellings, Medienkooperationen, Couponings'], 
[3, 235, 385, 'Sampling', 'Virtuelle Produktproben, Couponings'], 
[3, 130, 330, 'Dialogmarketing', 'testtext for Dialogmarketing'], 
[3, 257, 263, 'Virale Tools', 'Keine Applikation ohne Sharing-Funktion'], 
[3, 277, 222, 'Mobile', 'iPhone- und andere Smartphone-Apps'], 
[3, 372, 164, 'Social Commerce', 'Social Shopping als Absatzkanal']
];



$(".legendtxt").slideUp(500);



$("#BBkarte AREA").hover(function() { 
	if (mapdata[$(this).attr('id')][0] != state) {
		if (mapdata[$(this).attr('id')][0] == 1) {
		$(".startlable").css({'background-color': '#9faf4d'});
		$(".lableA").css({'background-color': '#768334'});
		$(".startmap").css({'background-image': 'url(images/map1.png)'});
		$(".legendtxt").slideUp(500);
		$(".legtxt1").slideDown(500);
		state = 1;
	}
		if (mapdata[$(this).attr('id')][0] == 2) {
		$(".startlable").css({'background-color': '#ff6b6a'});
		$(".lableA").css({'background-color': '#ff3f3e'});
		$(".startmap").css({'background-image': 'url(images/map2.png)'});
		$(".legendtxt").slideUp(500);
		$(".legtxt3").slideDown(500);
		state = 2;
	}
		if (mapdata[$(this).attr('id')][0] == 3) {
		$(".startlable").css({'background-color': '#23a3a1'});
		$(".lableA").css({'background-color': '#166665'});
		$(".startmap").css({'background-image': 'url(images/map3.png)'});
		$(".legendtxt").slideUp(500);
		$(".legtxt2").slideDown(500);
		state = 3;
	}
	}
	$(".lableA").find('h2').text(mapdata[$(this).attr('id')][3]);
	$(".lableB").find('p').text(mapdata[$(this).attr('id')][4]);
	$(".startlable").animate({opacity: 1}, 500, function() {});
	$(".startlable").css({'left': mapdata[$(this).attr('id')][1]});
	$(".startlable").css({'top': mapdata[$(this).attr('id')][2]});


});




$(".lableA").find('a').click(function() { 
$(".startlable").animate({opacity: 0}, 500, function() {});
});