var positionen = new Array();

positionen[0]  = new Array(348, 33);
positionen[1]  = new Array(105, 55);
positionen[2]  = new Array(286, 78);
positionen[3]  = new Array(102, 104);
positionen[4]  = new Array(207, 152);
positionen[5]  = new Array(229, 163);
positionen[6]  = new Array(310, 171);
positionen[7]  = new Array(287, 186);
positionen[8]  = new Array(190, 318);
positionen[9]  = new Array(200, 347);
positionen[10] = new Array(465, 80);
positionen[11] = new Array(515, 140);
positionen[12] = new Array(430,	202);
positionen[13] = new Array(462, 274);
positionen[14] = new Array(444, 324);
positionen[15] = new Array(564, 319);
positionen[16] = new Array(492, 343);
positionen[17] = new Array(530,	362);
positionen[18] = new Array(447, 380);
positionen[19] = new Array(375, 390);
positionen[20] = new Array(512, 434);
positionen[21] = new Array(523, 488);
positionen[22] = new Array(535, 493);
positionen[23] = new Array(445, 505);

jQuery(document).ready( function () {
	
	for(var i=0; i<positionen.length; i++) {
		jQuery('#map-point-'+String(i)).css({
			'top' : positionen[i][1]-9+40,
			'left' : positionen[i][0]-9
		});
		jQuery('#map-point-'+String(i)+' img').css({
			'top'   : 2,
			'left'  : 2,
			'width' : 11,
			'height': 11
		});
		
		var elemHeight = jQuery('#map-overlay-'+String(i)).height();
		
		if (positionen[i][0]>340) {
			if (positionen[i][1]>260) {
				jQuery('#map-overlay-'+String(i)).css({
					'top' : positionen[i][1]-(elemHeight-30)+40,
					'left'  : positionen[i][0]-255
				});
				jQuery('#map-overlay-'+String(i)+' .map-overlay-right-arrow').show().css({
					'bottom' : 20
				});
			}
			else {
				jQuery('#map-overlay-'+String(i)).css({
					'top'    : positionen[i][1]-60+40,
					'left'  : positionen[i][0]-255
				});
				jQuery('#map-overlay-'+String(i)+' .map-overlay-right-arrow').show().css({
					'top' : 50
				});
			}
		}
		else {
			if (positionen[i][1]>260) {
				jQuery('#map-overlay-'+String(i)).css({
					'top' : positionen[i][1]-(elemHeight-30)+40,
					'left'  : positionen[i][0]+5
				});
				jQuery('#map-overlay-'+String(i)+' .map-overlay-left-arrow').show().css({
					'bottom' : 20
				});
			}
			else {
				jQuery('#map-overlay-'+String(i)).css({
					'top' : positionen[i][1]-60+40,
					'left'  : positionen[i][0]+5
				});
				jQuery('#map-overlay-'+String(i)+' .map-overlay-left-arrow').show().css({
					'top' : 50
				});
			}
		}
		
	}
	
	jQuery('.map-point').mouseenter(
		function () {
			jQuery(this).find('img').animate({
				'top'   : 0,
				'left'  : 0,
				'width' : 15,
				'height': 15
			}, 'fast');
		}
	)
	
	jQuery('.map-point').mouseleave(
		function () {
			jQuery(this).find('img').animate({
				'top'   : 2,
				'left'  : 2,
				'width' : 11,
				'height': 11
			}, 'fast');
		}
	);
	
	jQuery('.map-point').click(
		function() {
			var id = jQuery(this).attr('id').substr(jQuery(this).attr('id').lastIndexOf("-")+1);
			jQuery('.map-overlay').hide();
			jQuery('#map-overlay-'+id).show();
		}
	);
	
	jQuery('.map-overlay').mouseleave(
		function() {
			jQuery('.map-overlay').hide();
		}
	);

});