/* Diese Texte editieren */
var BUTTON_TEXT = "Route berechnen";
var INPUT_TEXT = "Start-Adresse";
// genaue Koordinate, da 'Altchemnitzer Str. 11, Chemnitz' etwas daneben
var ZIEL_ADRESSE = "50.818411,12.921896";
// HTML möglich
var INFO_TEXT = "<span style='font-family:Arial,sans-serif'>Cetex Institut f&uuml;r Textil-<br>und Verarbeitungsmaschinen<br> gemeinn&uuml;tzige GmbH<br />Altchemnitzer Str. 11<br /><b>D-09120 Chemnitz</b></span>";

/* Google Map Scripts */
var input = null;

function loadMap() 
{
	if (GBrowserIsCompatible())
	{
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(50.818411,12.921896), 16);
		map.addControl(new GSmallMapControl());
		map.addControl(new RouteControl());
		// marker 
		var point = new GLatLng(50.818411,12.921896);
		var marker = new GMarker(point);
		map.addOverlay(marker);
		GEvent.addListener(marker, "click", function() 
		{
			marker.openInfoWindowHtml(INFO_TEXT);
		});
		marker.openInfoWindowHtml(INFO_TEXT);
	}
}

function RouteControl() {}
RouteControl.prototype = new GControl();
RouteControl.prototype.initialize = function(map)
{
	var container = document.createElement("div");
	var routeDiv = document.createElement("div");
	var innerDiv = document.createElement("div");
	this.setButtonStyle_(routeDiv);
	this.setInnerStyle_(innerDiv);
	container.appendChild(routeDiv);
	routeDiv.appendChild(innerDiv);
	innerDiv.appendChild(document.createTextNode(BUTTON_TEXT));
	GEvent.addDomListener(routeDiv, "click", function()
	{
		if(input.style.display != 'block') input.style.display = 'block';
		else if(input.style.display == 'block')
		{
			if(input.value != '') window.open("http://maps.google.de/?f=d&saddr="+input.value+"&daddr="+ZIEL_ADRESSE, '_blank');
			input.style.display = 'none';
			input.value = INPUT_TEXT;
		}
		
	});
	input = document.createElement('input');
	input.value = INPUT_TEXT;
	input.style.display = 'none';
	input.style.width = '198px';
	GEvent.addDomListener(input, "click", function()
	{
		if(input.value == INPUT_TEXT) input.value = '';
	});
	GEvent.addDomListener(input, "keyup", function(e)
	{
		if((e.which == 13 || e.keyCode == 13) && input.value != '') 
		{
			window.open("http://maps.google.de/?f=d&saddr="+input.value+"&daddr="+ZIEL_ADRESSE, '_blank');
			input.style.display = 'none';
			input.value = INPUT_TEXT;
		}
	});
	container.appendChild(input);
	map.getContainer().appendChild(container);
	return container;
}
RouteControl.prototype.getDefaultPosition = function()
{
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}
RouteControl.prototype.setButtonStyle_ = function(button)
{
	button.style.backgroundColor = "white";
	button.style.border = "1px solid black";
	button.style.textAlign = "center";
	button.style.cursor = "pointer";
	button.style.width = '120px';
	button.style.marginLeft = '80px';
}
RouteControl.prototype.setInnerStyle_ = function(button)
{
	button.style.fontSize = "12px";
	button.style.borderRight = "1px solid #B0B0B0";
	button.style.borderBottom = "1px solid #B0B0B0";
	button.style.borderLeft = "1px solid white";
	button.style.borderTop = "1px solid white";	
	button.style.padding = "0px 3px";
	button.style.fontFamily = "Arial, sans-serif";	
}

window.onload = loadMap;
window.onunload = GUnload;