/*******************************************************************************
 * Javascript für twGmap05Sidebar - Version01
 ******************************************************************************/

var gmapId = "twGmap";  // id des GoogleMap-div's im html-code
var lat    = "50.80640254977719";  // Breitengrad (Latitude) z.B: 51.041
var lon    = "7.879815101623535";  // Längengrad (Longitude) z.B: 13.748
var zoom   = 10;        // Zoom-Wert von 1 bis ca 17 (nicht in "")(1=ganzeWelt)
var sidebarId      = "twGmapSidebar"  // id des Sitemap-div's im html-code
var sidebarHtml    = "";              // HTML-Code für die gesamte Sidebar
var sidebarMarkers = [];              // Array für die Marker
var sidebarCount   = 0;               // Zähler für die Marker (= Zeile in der Sidebar)
var sidebarLastLinkid;                // id des zuletzt angeklickten Markers/Verweises



/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und ruft die
 * Funktion auf, die die GoogleMap erstellt.
 */
function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		// die Google Map (twGmap)
		if (!document.getElementById(gmapId)) {
			alert("Fehler: die Google Map mit der id "+ gmapId+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = "50.80640254977719";
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = "7.879815101623535";
				alert("Fehler: Der Längengrad(lon) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (typeof zoom == "undefined") {
				zoom = 3;
				alert("Fehler: Die Zoomstufe wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			machTwGmap(gmapId, lat, lon, zoom);
		}
		// die Sidebar (twGmapSidebar)
		if (!document.getElementById(sidebarId)) {
			alert("Fehler: die Sidebar mit der id "+ sidebarId+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		} else {
			document.getElementById(sidebarId).innerHTML = sidebarHtml;
		}
	}
twGmapSidebarIsClicked(6);
}


/**
 * Erstellt die GoogleMap in dem <div>-Bereich mit der übergebenen id
 * @param {Object} id   -im div-Bereich mit dieser id wird die Map dargestellt
 * @param {Object} lat  -Breitengrad
 * @param {Object} lon  -Längengrad
 * @param {Object} zoom -Zoomstufe 1 bis 17 (ganze Welt bis kleiner Ausschnitt)
 */
function machTwGmap(id, lat, lon, zoom) {
	// die Map (für das div mit der id="...")
	var map = new GMap2(document.getElementById(id));
	// mit Zoom (auch noch: GSmallMapControl, GLargeMapControl, GSmallZoomControl, GScaleControl)
	map.addControl(new GSmallMapControl());
	// mit Typ-Auswahl (auch noch: GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl)
	map.addControl(new GOverviewMapControl());
	// ((Breitengrad, Längengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MAP)
	map.setCenter(new GLatLng(lat, lon), zoom, G_NORMAL_MAP);

	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers(map);

	GEvent.addListener(map,"infowindowclose", function() {
    		document.getElementById(sidebarLastLinkid).style.color="#444444";
  	});




}


/**
 * Erstellt alle Marker für die übergebene Google Map.
 * (Ruft intern für jeden Marker eine eigene Funktion auf)
 * @param {Object} map
 */
function setTwMarkers(map) {
	var marker01 = machTwMarker01();
	var marker02 = machTwMarker02();
	var marker03 = machTwMarker03();
	var marker04 = machTwMarker04();
	var marker05 = machTwMarker05();
	var marker06 = machTwMarker06();
	var marker07 = machTwMarker07();
	var marker08 = machTwMarker08();
	var marker09 = machTwMarker09();
	var marker10 = machTwMarker10();
	var marker11 = machTwMarker11();
	map.addOverlay(marker01);
	map.addOverlay(marker02);
	map.addOverlay(marker03);
	map.addOverlay(marker04);
	map.addOverlay(marker05);
	map.addOverlay(marker06);
	map.addOverlay(marker07);
	map.addOverlay(marker08);
	map.addOverlay(marker09);
	map.addOverlay(marker10);
	map.addOverlay(marker11);
	return map;
}


function machTwMarker01() {
	var point = new GPoint(8.280719518661499, 49.99217390969267);
	var adresse = "Auf der Steig 14, 55131 Mainz";
	var marker = new GMarker(point);
	var html   = "";
	var linkid = "link" + sidebarCount;


	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus GmbH Rheinland-Pfalz, Mainz' alt='DRK Krankenhaus GmbH Rheinland-Pfalz, Mainz'  src='/img/map/drk-kh-gmbh-mainz.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus GmbH<br>Rheinland-Pfalz</b><br>Auf der Steig 14<br>55131 Mainz<br>Tel. (0 61 31) 9 82 45-0<br>Fax (0 61 31) 9 82 45-20";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(html);
		document.getElementById(linkid).style.color="#dc3732";
    		sidebarLastLinkid=linkid;
	});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	sidebarHtml += "<b>Standorte unserer H&auml;user:</b><br>(auf der Karte anzeigen)";
	machZeileInTwGmapSidebar("DRK Krankenhaus GmbH Rheinland-Pfalz, Mainz", marker, linkid);

	return marker;
}

function machTwMarker02() {
	var point = new GPoint(8.104133605957031, 49.74603781764047);
	var adresse = "Kreuznacher Straße 7-9, 55232 Alzey";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Alzey' alt='DRK Krankenhaus Alzey'  src='/img/map/drk-kh-alzey.jpg' height='125' width='100'>";
	html += "     <b>DRK Krankenhaus Alzey</b><br>Kreuznacher Straße 7-9<br>55232 Alzey<br>Tel: (0 67 31) 4 07-0<br>Fax (0 67 31) 4 07-2 10";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Alzey", marker);

	return marker;
}

function machTwMarker03() {
	var point = new GPoint(8.00876498222351, 50.374255671348784);
	var adresse = "Adelheidstraße 2, 65582 Diez";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Diez' alt='DRK Krankenhaus Diez'  src='/img/map/drk-kh-diez.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus Diez</b><br>Adelheidstraße 2<br>65582 Diez<br>Tel: (0 64 32) 5 06-0<br>Fax (0 64 32) 5 06-20 80";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Diez", marker);

	return marker;
}

function machTwMarker04() {
	var point = new GPoint(7.464587688446045, 50.43048844436892);
	var adresse = "Marktstrasse 104, 56564 Neuwied";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Neuwied' alt='DRK Krankenhaus Neuwied'  src='/img/map/drk-kh-neuwied.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus Neuwied</b><br>Marktstrasse 104<br>56564 Neuwied<br>Tel: (0 26 31) 98-0<br>Fax (0 26 31) 98-10 02";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Neuwied", marker);

	return marker;
}

function machTwMarker05() {
	var point = new GPoint(7.630734443664551, 50.6834279833877);
	var adresse = "Leuzbacher Weg 21, 57610 Altenkirchen";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Altenkirchen-Hachenburg' alt='DRK Krankenhaus Altenkirchen-Hachenburg'  src='/img/map/drk-kh-altenkirchen.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus Altenkirchen-Hachenburg</b><br>Leuzbacher Weg 21<br>57610 Altenkirchen<br>Tel: (0 26 81) 88-0<br>Fax (0 26 81) 88-49 99";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Altenkirchen", marker);

	return marker;
}

function machTwMarker06() {
	var point = new GPoint(7.8315675258636475, 50.65699733686554);
	var adresse = "Alte Frankfurter Straße 12, 57627 Hachenburg";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Altenkirchen-Hachenburg' alt='DRK Krankenhaus Altenkirchen-Hachenburg'  src='/img/map/drk-kh-hachenburg.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus Altenkirchen-Hachenburg</b><br>Alte Frankfurter Straße 12<br>57627 Hachenburg<br>Tel: (0 26 62) 85-0<br>Fax (0 26 62) 85-20 02";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Hachenburg", marker);

	return marker;
}

function machTwMarker07() {
	var point = new GPoint(7.879815101623535, 50.80640254977719);
	var adresse = "Bahnhofstraße 24, 57548 Kirchen";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Krankenhaus Kirchen' alt='DRK Krankenhaus Kirchen'  src='/img/map/drk-kh-kirchen.jpg' height='96' width='120'>";
	html += "     <b>DRK Krankenhaus Kirchen</b><br>Bahnhofstraße 24<br>57548 Kirchen<br>Tel: (0 27 41) 6 82-0<br>Fax (0 27 41) 41 00";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Krankenhaus Kirchen", marker);

	return marker;
}

function machTwMarker08() {
	var point = new GPoint(8.281019926071167, 49.99229806427018);
	var adresse = "Auf der Steig 16, 55131 Mainz";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Schmerz-Zentrum Mainz' alt='DRK Schmerz-Zentrum Mainz'  src='/img/map/drk-smz-mainz.jpg' height='96' width='120'>";
	html += "     <b>DRK Schmerz-Zentrum</b><br>Auf der Steig 16<br>55131 Mainz<br>Tel: (0 61 31) 9 88-0<br>Fax (0 61 31) 9 88-7 05";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Schmerz-Zentrum Mainz", marker);

	return marker;
}

function machTwMarker09() {
	var point = new GPoint(7.137959003448486, 50.54316298864325);
	var adresse = "Lindenstrasse 3-4, 53474 Bad Neuenahr";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Fachklinik Bad Neuenahr' alt='DRK Fachklinik Bad Neuenahr'  src='/img/map/drk-fk-badneuenahr.jpg' height='96' width='120'>";
	html += "     <b>DRK Fachklinik Bad</b><br><b>Neuenahr</b><br>Lindenstrasse 3-4<br>53474 Bad Neuenahr<br>Tel: (0 26 41) 75 4-0<br>Fax (0 26 41) 75 4-2 00";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Fachklinik Bad Neuenahr", marker);

	return marker;
}

function machTwMarker10() {
	var point = new GPoint(7.8506433963775635, 49.831747513345206);
	var adresse = "Salinenstraße 135, 55543 Bad Kreuznach";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Tagesklinik Bad Kreuznach' alt='DRK Tagesklinik Bad Kreuznach'  src='/img/map/drk-tk-badkreuznach.jpg' height='96' width='120'>";
	html += "     <b>DRK Tagesklinik Bad</b><br><b>Kreuznach</b><br>Salinenstraße 135<br>55543 Bad Kreuznach<br>Tel: (0 67 1) 84 41 1-0";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Tagesklinik Bad Kreuznach", marker);

	return marker;
}

function machTwMarker11() {
	var point = new GPoint(8.368223905563354, 49.63485535878657);
	var adresse = "Maximilianstraße 10, 67547 Worms";
	var marker = new GMarker(point);
	var html   = "";

	html += "<div style='height: 130px; width: 300px; padding-top:10px;'>";
	html += "  <p>";
	html += "    <img align='left' style='border:1px solid #7179ac; margin-right:5px; margin-bottom:15px;' title='DRK Tagesklinik Worms' alt='DRK Tagesklinik Worms'  src='/img/map/drk-tk-worms.jpg' height='96' width='120'>";
	html += "     <b>DRK Tagesklinik Worms</b><br>Maximilianstraße 10<br>67547 Worms<br>Tel: (0 62 41) 94 65 7-0";
	html += "  </p>";
	html += "</div>";
	html += "<form action='http://maps.google.com/maps' method='get' target='_blank'>";
	html += "<input type='text' SIZE=40 MAXLENGTH=80 name='saddr' id='saddr' value='Ihre Startadresse' /><br>";
	html += "<INPUT value='Route planen!' TYPE='SUBMIT'>";
	html += "<input type='hidden' name='daddr' value='" + adresse + "' />";

	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	// nur wenn ein Verweis auf diesen Marker in der Sidebar angezeigt werden soll
	machZeileInTwGmapSidebar("Tagesklinik Worms", marker);

	return marker;
}

/**
 * Schreibt den HTML-Code für eine Zeile(Verweis) in die globale Variable 'sidebarHtml'.
 * Dabei wird auch gleich der übergebene Marker in das Marker-Array eingefügt,
 * und der Zähler (zählt alle Marker) hochgezählt.
 * @param {Object} text   -der anzuzeigende Text für diese Zeile in der Sidebar
 * @param {Object} marker -der Marker, auf den der Verweis zeigt
 */
function machZeileInTwGmapSidebar(text, marker,linkid) {
	sidebarMarkers[sidebarCount] = marker;
	sidebarHtml += '<div>';
	sidebarHtml += '<a class="liste" href="javascript:twGmapSidebarIsClicked(' + sidebarCount + ')">' + text + '</a><br>';
	sidebarHtml += '</div>'
	sidebarCount ++;
}


/**
 * Event-Handler für Klick auf Marker, öffnet das dazugehörige Info-Fenster.
 * @param {Object} i -ein bestimmter Marker aus dem Marker-Array
 */
function twGmapSidebarIsClicked(i) {
	GEvent.trigger(sidebarMarkers[i], "click");
}