/*<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAEnfrUMd8iiZuiYm8TjXgUxRk-hNAj1qv4A_4pG4vKwNWO8Lj2RSX4iT7FJRcfwSRTPdWr22qtSNDyA"
      type="text/javascript"></script>

      <!-- fhs-key: ABQIAAAAooO9D0CFgYgSROjZdM9qvhSg6saukGImfVtEKdnPvJh4vi8kQxSgtKn-HLrSKO-7o8WZmpgIRXlKaA -->
          <script type="text/javascript">
*/

var maps_map;
var maps_gdir;
var maps_marker;
var maps_latlng;

var maps_location_l = 51.422246
var maps_location_w = 8.039374;
var maps_locale = "de";
var maps_logo = "fileadmin/template/img/logo.gif";
var maps_adress = "<b>FHS Holztechnik</b><br />Niedereimerfeld 23<br />59823 Arnsberg";
var maps_default = "z.B.: Niedereimerfeld 1, 59823 Arnsberg";
var maps_label = "Wegbeschreibung zu uns:";
var maps_button = "anzeigen";
var maps_error_unk = "Nicht eindeutige/Unbekannte Adresse";
var maps_error_req = "Fehler in Anfrage";
var maps_error_key = "Bad Key";
var maps_error = "Ein Fehler ist aufgetreten";

function maps_load() {
	var infoWindow;
	var infoWindowContent = "<table><tr><td><img src='"+maps_logo+"' height='80' /></td><td>"+maps_adress+"</td></tr><tr><td colspan='2'>"+maps_label+"<br /><form action='#' onsubmit='routeFrom(this.from.value); return false'><input type='text' name='from' size='30' style='color: #aaa;' value='"+maps_default+"' onfocus='checkInput(this, \""+maps_default+"\");' /><input type='submit' value='"+maps_button+"' /><div class='gm_error' id='gm_error'></div></td></form></tr></table>";

	if (GBrowserIsCompatible()) {
		maps_map = new GMap2(document.getElementById("map"));
		maps_latlng = new GLatLng( maps_location_l,  maps_location_w );
		maps_gdir = new GDirections( maps_map, document.getElementById("directions"));

		GEvent.addListener(maps_gdir, "load", onGDirectionsLoad);
		GEvent.addListener(maps_gdir, "error", handleErrors);

		maps_map.addControl(new GSmallMapControl());
		maps_map.addControl(new GMapTypeControl());

		maps_map.setCenter(maps_latlng, 13);
		maps_marker = new GMarker(maps_latlng);
		GEvent.addListener(maps_marker, "click", function() {
			maps_marker.openInfoWindowHtml(infoWindowContent);
		} );
		maps_map.addOverlay(maps_marker);
		maps_marker.openInfoWindowHtml(infoWindowContent);
	}
}

function checkInput( el, comp ) {
	if( el.value == comp ) {
		el.value = "";
		el.style.color = "#000000";
	}
}

function routeFrom( fromAdress ) {
	var errbox = document.getElementById('gm_error');
	if( errbox.hasChildNodes() ) {
		errbox.removeChild( errbox.childNodes[0] );
	}
	maps_gdir.load("from: " + fromAdress+ " to: "+ maps_latlng, { "locale": maps_locale });
}

function handleErrors(){
	var errbox = document.getElementById('gm_error');
	var errmsg = ""

	if (maps_gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS) {
		errmsg = maps_error_unk;
	} else if (maps_gdir.getStatus().code == G_GEO_BAD_KEY) {
		errmsg = maps_error_key;
	} else if (maps_gdir.getStatus().code == G_GEO_BAD_REQUEST) {
		errmsg = maps_error_req;
	} else {
		errmsg = maps_error;
	}

	if( errbox.hasChildNodes() ) {
		errbox.childNodes[0].data = errmsg;
	} else {
		errbox.appendChild(document.createTextNode(errmsg));
	}
}

function onGDirectionsLoad() {
	maps_marker.closeInfoWindow()
}

window.onload = maps_load
/*
    </script>

<div id="map" style="width: 700px; height: 400px"></div>
<div id="directions" style="width: 700px;"></div>

*/