/*******************************************************************************
 * Javascript für twGmap01einfach
 ******************************************************************************/

var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "50.80105";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "7.1938";  // Längengrad (Longitude) z.B: 13.748
var zoom      = 15;        // einen Wert von 1 bis ca 17 (nicht in "" setzen)


/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und ruft die
 * Funktion auf, die die GoogleMap erstellt.
 */
function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		if (!document.getElementById(elementId)) {
			//alert("Fehler: das Element mit der id "+ elementId+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = 51.041;
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = "13.748";
				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(elementId, lat, lon, zoom);
		}
	}
}


/**
 * 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 GMapTypeControl());
       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);
}


function setTwMarkers(map) {
	var point  = new GPoint(lon, lat);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";
	
/*
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'>Amazing Hairstyle</p>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.flickr.com/photos/progtw/141876989/' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400(&#039;http://farm4.static.flickr.com/3071/2451950042_483f03020f.jpg?v=0&#039;);'>";
	html += "      <img src='../img/bimDynamo.jpg' ";
	html += "           width='160' height='120' alt='Bild bei flickr' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Das ist ein Infofenster. Es wurde im Javascript für die Google Maps erstellt.</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
*/	
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});	
	map.addOverlay(marker);
	
	return map;
}

	function hidehiddens()
	{
		if (document.getElementById('keywords'))
		{
			document.getElementById('keywords').style.display='none';
		}
	}

var fenster;

function neues()
{
fenster = window.open (
"",
"NeuesFenster", // Name des neuen Fensters
+"toolbar=0" // Toolbar
+",location=0" // Adress-Leiste
+",directories=0" // Zusatzleisten
+",status=0" // Statusleiste
+",menubar=0" // Menü
+",scrollbars=0" // Scrollbars
+",resizable=0" // Fenstergrösse veränderbar?
+",width=1024" // Fensterbreite in Pixeln
+",height=650" // Fensterhöhe in Pixeln
);

fenster.moveTo(
200, // X-Koordinate
200 // Y-Koordinate
); // der linken oberen Ecke

fenster.location.href = "http://www.e-cut.de/salons/amazing-hair/index.php";
//Dateiname und Pfad der Datei, die angezeigt werden soll
}