//<![CDATA[

if (GBrowserIsCompatible()) 
{
	//MAP ERSTELLEN
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(51.05812059,13.76054764),12);
	var gmarkers = [];
	var i = 0;

	//Linkadressen für Google Map
	var side_bar_html = "";
	var side_bar_html1 = "";
	var html ="";

	//Array für LinkID's
	var linkadr = new Array();

	//Hilfsvariablen
	var imagestack = "";
	var stackIcon = new GIcon();
	var linkname = "";

	/* START MARKER ERSTELLEN ----------------------------------------------------- */
	function createMarker(point,name,address,url,icon)
	{
		var marker = new GMarker(point,icon);
		//MouseDown auf Marker
		GEvent.addListener(marker, "click", function() {
		html = '<p><a href="'+ url +'"><strong>'+ name+'</strong></a><br />'+ address +'</p>';
		marker.openInfoWindowHtml(html);
		});
		//MouseOver Verhalten von marker
		GEvent.addListener(marker,"mouseover", function() {
		coloredLink(name);
		});
		//Mouseout Verhalten von marker
		GEvent.addListener(marker,"mouseout", function() {
		altColoredLink(name);
		});
		// save the info we need to use later for the side_bar
		gmarkers[i] = marker;
		// add a line to the side_bar html
		if(i <= 7)
		{
			side_bar_html += '<li><a id="' + name + '" href="' + url + '" onclick="myclick(' + i + ')" onmouseover="myover(' + i +')" onmouseout="myout(' + i + ')">' + name + '</a></li>';
		}
		else //nach 10 Listenpunkten ->  Umbruch
		{
			side_bar_html1 += '<li><a id="' + name + '" href="' + url + '" onclick="myclick(' + i + ')" onmouseover="myover(' + i +')" onmouseout="myout(' + i + ')">' + name + '</a></li>';
		}
		linkadr.push(name);
		i++;
		return marker;
	}

	// MOUSE DOWN - Textfeld bei Marker öffnet sich
	function myclick(i) {
		GEvent.trigger(gmarkers[i], "click");
	}

	//MOUSE OVER - bei Link
	function myover(i) {
		//link markieren
		coloredLink(linkadr[i]);
		//merke alte Grafik des Markers
		stackIcon=gmarkers[i].getIcon();
		imagestack = stackIcon.image;
		//Marker mit neuer Grafik ersetzen
		gmarkers[i].setImage("fileadmin/templates/pages09/img/icon_dmf_over.png");
		return marker;
	}

	//MOUSE OUT bei Link
	function myout(i) {
		//Link auf blau setzen
		altColoredLink(linkadr[i]);
		//Marker auf original Grafik setzen
		gmarkers[i].setImage(imagestack);
		imagestack ="";
		return marker;
	}

	//MOUSE OVER bei marker - link einfärben
	function coloredLink(linkname){
		// document.getElementById(linkname).style.color = "#8f073a";
	}

	//MOUSE OUT bei marker - link auf alte farbe zurücksetzen
	function altColoredLink(linkname){
		// document.getElementById(linkname).style.color = "#8f073a";
	}
	/* ENDE MARKER ERSTELLEN ----------------------------------------------------- */

	//MARKER EIGENSCHAFTEN
	//rot
	var redIcon = new GIcon();
	redIcon.image = "fileadmin/templates/pages09/img/icon_dmf.png";
	redIcon.shadow = "fileadmin/templates/pages09/img/icon_shadow.png";
	redIcon.iconSize = new GSize(20, 20);
	redIcon.shadowSize = new GSize(37, 20);
	redIcon.iconAnchor = new GPoint(9, 20);
	redIcon.infoWindowAnchor = new GPoint(9, 2);
	redIcon.infoShadowAnchor = new GPoint(18, 25);
	redIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";

	// Daten der Spielstätten holen
	process_it = function(doc) {
		// venues.json evaluieren
		var json = eval('(' + doc + ')');
		// Marker setzen

		if ( self.location.href.search(/spielstaetten.+/) >= 0 ) {
			for (var i = 0; i < json.venues.length; i++) {
				var point = new GLatLng(json.venues[i].lat, json.venues[i].lng);
				var marker = createMarker(point, json.venues[i].name, json.venues[i].address, json.venues[i].url, redIcon);
				map.addOverlay(marker);
			}
			document.getElementById("side_bar").innerHTML = side_bar_html;
			document.getElementById("side_bar1").innerHTML = side_bar_html1;
		} else {
			for (var i = 0; i < json.venues.length; i++) {
				var point = new GLatLng(json.venues[i].lat, json.venues[i].lng);
				var marker = createMarker(point, json.venues[i].name, json.venues[i].address, json.venues[i].url_en, redIcon);
				map.addOverlay(marker);
			}
			document.getElementById("side_bar").innerHTML = side_bar_html;
			document.getElementById("side_bar1").innerHTML = side_bar_html1;
		}
	}


	GDownloadUrl("fileadmin/templates/pages09/js/venues2011.json", process_it);
}
 else {
 	alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>