var directionMarkers = [];
var directionHtmls = [];
var directionHtmlsNach = [];
var directionHtmlsVon = [];
var directionCount = 0;

function setMap(detsTag, address) {
    var map = null;
    var geocoder = null;

    geocoder = new GClientGeocoder();
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById(detsTag));
        if (geocoder) {
            geocoder.getLatLng(address,
                    function(point) {
                        if (!point) {
                            alert(address + " not found");
                        }
                        else {
                            map.setCenter(point, 15);
                            map.addControl(new GSmallMapControl());
                            var marker = new GMarker(point);
                            map.addOverlay(marker);
                            var html = machTwHtmlInfofenster(marker, address);
                            GEvent.addListener(marker, "click", function() {
                            //marker.openInfoWindowHtml();
                            });
                        }
                    });
        }
    }
}

function machTwHtmlInfofenster(marker, adresse) {
    var point = marker.getLatLng();
    //directionCount++;
    //directionMarkers[directionCount] = marker;    

    // das Infofenster, in dem die Startadresse eingegeben werden kann
    htmlVon = '';
    htmlVon += ' <form action="http://maps.google.com/maps" method="get" target="_blank">';
    htmlVon += '  <p><input type="text" size=40 maxlength=40 name="daddr" id="daddr" value="Am Burghof 11 41516 Grevenbroich" tabindex="1" /></p>';
    //htmlVon += '  <p><input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + ' (' + adresse + ')' + '" /></p>';
    htmlVon += '  <p class="submit"><input value="Straßenverbindung anzeigen" type="submit" /></p>';
    htmlVon += ' </form>';
    //directionHtmlsVon[directionCount] = htmlVon;

    return htmlVon;
}

function TagVisibility(colapsTag, infoTag, imageTag) {
    var infoTextOpen = "Infos schliessen ------------------------------------------------------------";
    var infoTextClose = "weitere Infos -----------------------------------------------------------------";
    var infoImageOpen = "/App_Themes/Standard/_pics/ColapsIconClose.png";
    var infoImageClose = "/App_Themes/Standard/_pics/ColapsIconOpen.png";

    var colt = $get(colapsTag);
    var it = $get(infoTag);
    var imt = $get(imageTag);

    if (colt.style.visibility != "visible") {
        colt.style.height = "auto";
        colt.style.visibility = "visible";
        it.innerHTML = infoTextOpen;
        imt.src = infoImageOpen;
    }
    else {
        colt.style.height = "0px";
        colt.style.visibility = "hidden";
        it.innerHTML = infoTextClose;
        imt.src = infoImageClose;
    }
}