var centerLatitude = 49.8701935;
var centerLongitude = 8.6336809;
var startZoom = 13;
var description = 'Didacta Verband e. V.';

var map;
var i = 0;

var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];

$(document).ready(function() {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
	map.setMapType(G_NORMAL_MAP);

	var point = new GLatLng(centerLatitude, centerLongitude);
	var marker = createMarker(point,description,'<div style="font-size: 10px"><b>Didacta Verband e. V.</b><br>Verband der Bildungswirtschaft<br><br>Rheinstraße 94<br>64295 Darmstadt<br><br>Telefon: 06151-319141<br>Telefax: 06151-319144<br>E-Mail: info@didacta-verband.de</div>')
	map.addOverlay(marker);
});

function createMarker(point,name,html) {
    var marker = new GMarker(point);

    to_htmls[i] = html + '<span style="font-size: 10px"><br>Route: <b>Hierhin</b> - <a href="javascript:fromhere(' + i + ')"><span style="font-size: 10px">Ab hier</span></a></span>' +
        '<br><br><span style="font-size: 10px">Startadresse:</span><form action="http://maps.google.com/maps" id="route1" method="get" target="_blank">' +
        '<input style="border: 1px solid #7c9eb9;" type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
        '<INPUT value="Route berechnen" TYPE="SUBMIT">' +
        '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
            // "(" + name + ")" + 
        '"/>';

    from_htmls[i] = html + '<span style="font-size: 10px"><br>Route: <a href="javascript:tohere(' + i + ')"><span style="font-size: 10px">Hierhin</span></a> - <b>Ab hier</b></span>' +
        '<br><br><span style="font-size: 10px">Zieladresse:</span><form action="http://maps.google.com/maps" id="route2" method="get"" target="_blank">' +
        '<input style="border: 1px solid #7c9eb9;" type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
        '<INPUT value="Route berechnen" TYPE="SUBMIT">' +
        '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
            // "(" + name + ")" + 
        '"/>';

    html = html + '<div style="font-size: 10px"><br>Route berechnen: <a href="javascript:tohere('+i+')"><span style="font-size: 10px">Hierhin</span></a> - <a href="javascript:fromhere('+i+')"><span style="font-size: 10px">Ab hier</span></a></div>';

    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html);
    });
    gmarkers[i] = marker;
    htmls[i] = html;
    i++;
    return marker;
}

function tohere(i) {
    gmarkers[i].openInfoWindowHtml(to_htmls[i]);
}

function fromhere(i) {
    gmarkers[i].openInfoWindowHtml(from_htmls[i]);
}