var lslPageName = "default";
var hasMediaPlayer = false;
var openInPopup = false;

var trackMarkers = [];
var gpsiesMarkers = [];
var webcamsMarkers = [];

var wikipediaLayer = null;
var youtubeLayer = null;
var panoramioLayer = null;

var enableWikipediaLayerAtStartup = false;
var enablePanoramioLayerAtStartup = false;
var enableYoutubeLayerAtStartup = false;

var currentTrackOverlay = null;
var currentRouteOverlay = null;

var dontReloadUponNextMove = false;

var sportTranslations = new Object();

function ajaxPost(url, data, callback)
{

    var passData = data;
    var AJAX = null;
    if (window.XMLHttpRequest)
    {
        AJAX=new XMLHttpRequest();
    }
    else
    {
        AJAX=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (AJAX==null)
    {
        return false
    }
    else
    {
        AJAX.open("POST", url, true);
        AJAX.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        AJAX.onreadystatechange = function()
        {
            if (AJAX.readyState==4 || AJAX.readyState=="complete")
            {
                callback(AJAX.responseText, AJAX.status);
            }
        }
        AJAX.send(passData);
        return true;
    }
}

 sportTranslations['ball-playing']='Ballspielen'
sportTranslations['canoeing']='Kanufahren'
sportTranslations['climbing']='Klettern'
sportTranslations['cross-country-skiing']='Langlaufen'
sportTranslations['cycling']='Radfahren'
sportTranslations['driving']='Autofahren'
sportTranslations['drone-flying']='Drohnenflug'
sportTranslations['ebike']='E-Bike'
sportTranslations['fitness-training']='Fitness-Training'
sportTranslations['geocaching']='Geocaching'
sportTranslations['golfing']='Golfen'
sportTranslations['hiking']='Wandern'
sportTranslations['ice-skating']='Schlittschuhlaufen'
sportTranslations['motorcycling']='Motorrad fahren'
sportTranslations['mountainbiking']='Mountainbiken'
sportTranslations['mushing']='Hundeschlitten fahren'
sportTranslations['nordic-walking']='Nordic Walking'
sportTranslations['promenading']='Spazieren gehen'
sportTranslations['race-biking']='Rennrad fahren'
sportTranslations['resting']='Ausruhen'
sportTranslations['riding']='Reiten'
sportTranslations['rollerblading']='Rollerbladen'
sportTranslations['rowing']='Rudern'
sportTranslations['running']='Jogging'
sportTranslations['sailing']='Segeln'
sportTranslations['sightseeing']='Sightseeing'
sportTranslations['skiing']='Skifahren'
sportTranslations['ski-touring']='Skitouren gehen'
sportTranslations['sledding']='Schlittenfahren'
sportTranslations['snowboarding']='Snowboarden'
sportTranslations['snowshoeing']='Schneeschuhwandern'
sportTranslations['soaring']='Segelfliegen'
sportTranslations['spinning']='Spinning'
sportTranslations['stand-up-paddling']='Stand Up Paddling'
sportTranslations['stretching']='Stretching'
sportTranslations['swimming']='Schwimmen'
sportTranslations['walking']='Walking'
sportTranslations['weightlifting']='Gewichtheben'
sportTranslations['windsurfing']='Windsurfen'

    function translateSport(sport) {
        var sportT = sportTranslations[sport];
        if( sportT != null && sportT.length > 0 ) return sportT;
        else return sport;
    }

function persistLayerOnOff(pageName, layerName, isSwitchedOn) {
    var url = "/services/setBooleanUserParameter.jsp";

    var data = "name=" + layerName + "_" + pageName + "&value=" + (isSwitchedOn?"true":"false");

    ajaxPost(url, data, function(data, responseCode) {
        var xml = GXml.parse(data);
        var messages = xml.documentElement.getElementsByTagName("message");
        var message = messages[0].getAttribute("content");
        if( message.indexOf("Error:") >= 0 ) {
            alert(message);
        }
        else {
            reloadTracks(map);
        }
    });
}

function getBoundingBox(domElement) {
    var offsetWidth = domElement.offsetWidth;
    var offsetHeight = domElement.offsetHeight;
    for (var lx = 0, ly = 0; domElement != null;
    lx += domElement.offsetLeft - domElement.scrollLeft,
    ly += domElement.offsetTop - domElement.scrollTop,
    domElement = domElement.offsetParent);
    return {
        x:lx,
        y:ly,
        w:offsetWidth,
        h:offsetHeight,
        toString: function() {
            return "x = " + this.x + ", y = " + this.y +
                ", w = " + this.w + ", h = " + this.h;
        }
    };
}


function setLayerSelectionLayerSize() {
    var mapDiv = document.getElementById("map");
    var mapBB = getBoundingBox(mapDiv);
    var layersSelectionLayerDiv = document.getElementById("layersSelectionLayer");
    var layersSelectionCloseLayerDiv = document.getElementById("layersSelectionCloseLayer");
    var layersSelectionOpenLayerDiv = document.getElementById("layersSelectionOpenLayer");
    var layersSelectionInfoMessageDiv = document.getElementById("message");
    var width = 250; // mapBB.w / 4;
    var closeLayerHeight = 35;

    layersSelectionLayerDiv.style.top = (closeLayerHeight + mapBB.y + closeLayerHeight) + 'px';
    layersSelectionLayerDiv.style.left = (mapBB.x + mapBB.w - width)  + 'px';
    layersSelectionLayerDiv.style.width = width + 'px';
    layersSelectionLayerDiv.style.height = (mapBB.h - closeLayerHeight - closeLayerHeight) + 'px';

    layersSelectionCloseLayerDiv.style.top = (mapBB.y + closeLayerHeight) + 'px';
    layersSelectionCloseLayerDiv.style.left = (mapBB.x + mapBB.w - width)  + 'px';
    layersSelectionCloseLayerDiv.style.width = width + 'px';
    layersSelectionCloseLayerDiv.style.height = closeLayerHeight + 'px';

    layersSelectionOpenLayerDiv.style.top = (mapBB.y + closeLayerHeight) + 'px';
    layersSelectionOpenLayerDiv.style.left = (mapBB.x + mapBB.w - 90)  + 'px';
    layersSelectionOpenLayerDiv.style.visibility = 'visible';

    layersSelectionInfoMessageDiv.style.top = (mapBB.y + mapBB.h - 40) + 'px';
    layersSelectionInfoMessageDiv.style.left = (mapBB.x + mapBB.w - 610)  + 'px';
    layersSelectionInfoMessageDiv.style.visibility = 'visible';
}

function closeLayersSelectionLayer() {
    var layersSelectionLayerDiv = document.getElementById("layersSelectionLayer");
    var layersSelectionCloseLayerDiv = document.getElementById("layersSelectionCloseLayer");
    layersSelectionLayerDiv.style.visibility = 'hidden';
    layersSelectionCloseLayerDiv.style.visibility = 'hidden';
}

function openLayersSelectionLayer() {
    var layersSelectionLayerDiv = document.getElementById("layersSelectionLayer");
    var layersSelectionCloseLayerDiv = document.getElementById("layersSelectionCloseLayer");
    layersSelectionLayerDiv.style.visibility = 'visible';
    layersSelectionCloseLayerDiv.style.visibility = 'visible';
}

function showWikipediaLayer(show){
    if(show){
        if(wikipediaLayer == null ) {
            wikipediaLayer = new GLayer("org.wikipedia." + wikipediaLanguage);
        }
        map.addOverlay(wikipediaLayer);
    }
    else
    {
        if(wikipediaLayer)
        {
            if( wikipediaLayer != null ) {
                map.removeOverlay(wikipediaLayer);
                wikipediaLayer = null;
            }
        }
    }
}

function showYoutubeLayer(show){
    if(show){
        if(youtubeLayer == null ) {
            youtubeLayer = new GLayer("com.youtube.all");
        }
        map.addOverlay(youtubeLayer);
    }
    else
    {
        if(youtubeLayer)
        {
            if( youtubeLayer != null ) {
                map.removeOverlay(youtubeLayer);
                youtubeLayer = null;
            }
        }
    }
}


function showPanoramioLayer(show){
    if(show){
        if(panoramioLayer == null) {
            panoramioLayer=new GLayer("com.panoramio.all");
        }
        map.addOverlay(panoramioLayer);
    }
    else
    {
        if(panoramioLayer)
        {
            if( panoramioLayer != null ) {
                map.removeOverlay(panoramioLayer);
                panoramioLayer = null;
            }
        }
    }
}

    function setLSLParams(lslPageName_, hasMediaPlayer_, openInPopup_) {
        lslPageName = lslPageName_;
        hasMediaPlayer = hasMediaPlayer_;
        openInPopup = openInPopup_;
    }

    // called in onload
    function initLayers() {
        if( enableWikipediaLayerAtStartup ) showWikipediaLayer(true);
        if( enablePanoramioLayerAtStartup ) showPanoramioLayer(true);
        if( enableYoutubeLayerAtStartup ) showYoutubeLayer(true);
    }

    function reloadTracks(map) {
        if( dontReloadUponNextMove ) {
            dontReloadUponNextMove = false;
            return;
        }

        document.getElementById("message").innerHTML = '<b><span style=\'color: #f00;\'>aktualisiere ...</span></b>';
        var bounds = map.getBounds();
        var minLat = bounds.getSouthWest().lat();
        var maxLat = bounds.getNorthEast().lat();
        var minLng = bounds.getSouthWest().lng();
        var maxLng = bounds.getNorthEast().lng();
        //document.getElementById("message").innerHTML = minLat + " " + maxLat + " " + minLng;

        var url = "/services/tracksCSV_V5.jsp?lslPageName=" + lslPageName +
            "&minLat=" + minLat + "&maxLat=" + maxLat + "&minLng=" + minLng + "&maxLng=" + maxLng;
        GDownloadUrl(url, function(data, responseCode) {

              for (var i = 0; i < trackMarkers.length; i++) {
                map.removeOverlay(trackMarkers[i]);
              }
              trackMarkers.length = 0;
              var trackCount = 0;
              var routeCount = 0;
              var photoCount = 0;
              var videoCount = 0;
              var audioCount = 0;
              var userCount = 0;
              var placemarkCount = 0;

              for(;;) {

                  if( data == null || data.length == 0 ) break;
                  var line = "";

                  var p = data.indexOf("\n");
                  if( p < 0 )
                    p = data.indexOf("\r");
                  if( p >= 0 ) {
                      line = data.substring(0, p);
                      data = data.substring(p + 1);
                  }
                  else {
                      line = data;
                      data = "";
                  }

                  line = trim(line);
                  if( line.length == 0 ) continue;
          
                  // dos compatibility
                    if (line.substring(line.length - 1,line.length) == '\r') {
                        line = line.substring(0,line.length - 1);
                    }
                  
                  
                  var f = line.split("|");
                  if( f.length < 4 ) continue;

                  var type = f[0];
                  var lat = f[1];
                  var lng = f[2];

                  var point = new GLatLng(parseFloat(lat), parseFloat(lng));

                  if(type == 'T') {
                        var marker = createTrackMarker(point, f, map);
                        trackCount++;
                    }
                    else {
                        if(type == 'R') {
                            var marker = createRouteMarker(point, f, map);
                            routeCount++;
                        }
                        else {
                            if(type == 'U') {
                                var marker = createUserMarker(point, f, map);
                                userCount++;
                            }
                            else {
                                if(type == 'V') {
                                    var marker = createVideoMarker(point, f, map);
                                    videoCount++;
                                }
                                else {
                                    if(type == 'A') {
                                        var marker = createAudioMarker(point, f, map);
                                        audioCount++;
                                    }
                                    else {
                                        if(type == 'W') {
                                            var marker = createPlacemarkMarker(point, f, map);
                                            placemarkCount++;
                                        }
                                        else {
                                            if(type == 'O') {
                                                var marker = createOutdooractiveMarker(point, f, map);
                                                routeCount++;
                                            }
                                            else {
                                                var marker = createPhotoMarker(point, f, map);
                                                photoCount++;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    trackMarkers.push(marker);
                    map.addOverlay(marker);
              }
              var infoText = "";
              infoText += ((trackCount==50)?">":"") + trackCount + ' Tracks ';
              infoText += ((routeCount==50)?">":"") + routeCount + ' Routen '
              infoText += ((photoCount==50)?">":"") + photoCount + ' Fotos ';
              infoText += ((audioCount==50)?">":"") + audioCount + ' Audios ';
              infoText += ((videoCount==50)?">":"") + videoCount + ' Videos ';
              infoText += ((userCount==50)?">":"") + userCount + ' Leute ';
              if( trackCount == 50 || routeCount == 50 || photoCount == 50 || audioCount == 50 || videoCount == 50 || userCount == 50 )
                infoText += '- <b>hineinzoomen für mehr</b>';
              document.getElementById("message").innerHTML = infoText;

              
              writeCookie("lat", map.getCenter().lat(), 60);
              writeCookie("lng", map.getCenter().lng(), 60);
              writeCookie("zoom", map.getZoom(), 60);

        });

        reloadGPSies(map);
        reloadWebcams(map);
    }

    function makeTrainingUri(title, sport, trainingID) {
        var uri = title;
        if( title == null || title.length == 0 ) uri = sport;
        if( uri.length > 64 ) uri = uri.substr(0, 64);
        uri = uri.replace(/[\/\?\%\&\;\"\\ ]/g, "-");
        uri = uri.replace(/--/g, "-");
        uri = uri.replace(/--/g, "-");
        uri = uri.replace(/--/g, "-");
        return "/trainings/" + encodeURI(uri) + "_" + trainingID;
    }

    function createPlacemarkMarker(point, f, map) {
        var placemarkSubType = f[3];
        var placemarkID = f[4];
        var title = f[5];
        var ownerName = f[6];
        var url = f[7];
        var description = f[8];

        var pmMarker = new GMarker(point, getIcon("wp_" + placemarkSubType) );

        var text = "<div style='width: 250px; height: auto;'>" +
            "<b>" + title + "</b><br/>" + description + "<br/>";
        if( url != null && url.length != 0 ) {
            text += "<a target=\"_blank\" href=\"" + url + "\">" + url + "</a><br/>";
        }
        text += "<br/>";
        if( userName != null && userName.length > 0 && userName != 'null' && userName != 'anonymous' )
        {
            text +=
            "<a href=\"javascript:putPlacemarkToCart(" + placemarkID + ");\">Ortsmarke in den Download-Warenkorb legen</a><br/>";
        }
        text +=
        "<a href=\"/routePlanner/dlServices/placemarkGPX.jsp?placemarkID=" + placemarkID + "\">Als GPX-Datei herunterladen</a><br/>";
        text +=
        "<a href=\"/routePlanner/dlServices/placemarkKML.jsp?placemarkID=" + placemarkID + "\">Als KML-Datei herunterladen</a><br/>";
        text += "</div>";
        GEvent.addListener(pmMarker, "click", function() {
            pmMarker.openInfoWindowHtml(text);
        });
        return pmMarker;
    }

    function putPlacemarkToCart(placemarkID)
    {
        if( userName == null || userName.length == 0 || userName == 'null' ) {
            alert('Sie müssen eingeloggt sein, um diese Aktion durchzuführen.');
            return;
        }

        var url = "/routePlanner/services/putItemToCart.jsp?r=" + Math.random() + "&linkedObjectID=" + placemarkID + "&userName=" + userName + "&itemType=placemark";
        GDownloadUrl(url, function(data, responseCode) {
            var xml = GXml.parse(data);
            var messages = xml.documentElement.getElementsByTagName("message");
            var message = messages[0].getAttribute("content");
            if( message.indexOf("Error:") >= 0 ) {
                alert(message);
            }
            else alert('Ortsmarke wurde in den Download-Warenkorb gelegt.');
        });

    }

    function createTrackMarker(point, f, map) {
        var trainingID = f[3];
        var userName = f[4];
        var trainingMonthDir = f[5];
        var trainingDir = f[6];
        var title = f[7];
        var sport = f[8];
        var distanceKM = f[9];
        var distanceMI = f[10];
        var duration = f[11];
        var firstPhotoIndex = parseInt(f[12]);

        var distanceStr = '' + distanceKM+' km';

        var marker = new GMarker(point, getSportIcon(sport));

        var text = "<div style='width: 320px; font-size: small; text-align: center;'>";
        
        text +=
            "<span style='color:#002b70;'><b>GPS-Sport.net Training " +
            title + "</b></span><br/>";

        text += "<img style='float:right;margin:8px;' width='80' height='80' src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" + trainingDir + "/previewMap.png'/> ";
        text += "<a href='/users/" + userName +
                "'><img style='float:left;margin:5px;' src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/user_t.jpg'/></a> ";

        text +=
            "<table>" +
            "<tr><td><b>Sportart: </b></td><td>" + translateSport(sport) + "</td></tr>" +
            "<tr><td><b>Sportler: </b></td><td><a href='/users/" + userName + "'>" +
                    userName + "</a></td></tr>" +
            "<tr><td><b>Distanz: </b></td><td>" + distanceStr + "</td></tr>" +
            "<tr><td><b>Dauer: </b></td><td>" + duration + "</td></tr>" +
            "</table><br/>";

        if( firstPhotoIndex > 0 )
            text += "<img style='float: left; margin:8px;' src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" + trainingDir + "/thumb_" + firstPhotoIndex + ".jpg'/><br/>";
        if( parseInt(trainingID) > 60000 )
            text += "<img src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" + trainingDir + "/topoAltDiagram.png' alt=' ' width='200' height='40'/><br/>";

        var targetTxt = openInPopup?"target='_blank'":"";
        text += " <br/><a " + targetTxt + " href='" + makeTrainingUri(title, sport, trainingID) + "'>Details anzeigen</a>";

        text += "</div>";

        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
            dontReloadUponNextMove = true;

            // read polyline

            document.getElementById("message").innerHTML = "<b>Track wird geladen ...</b>";
            var url = "/services/trackPolyline.jsp?trainingID=" + trainingID;
            GDownloadUrl(url, function(data, responseCode) {

                var encodedPolyline = "";
                var encodedPolylineLevels = "";

                var p = data.indexOf("\n");
                if( p < 0 )
                  p = data.indexOf("\r");
                if( p >= 0 ) {
                    encodedPolyline = trim(data.substring(0, p)).replace(/\\\\/g, "\\");
                    data = data.substring(p + 1);
                }
                p = data.indexOf("\n");
                if( p < 0 )
                  p = data.indexOf("\r");
                if( p >= 0 ) {
                    encodedPolylineLevels = trim(data.substring(0, p));
                }

                if( currentTrackOverlay != null ) map.removeOverlay(currentTrackOverlay);
                if( encodedPolyline.length > 0 ) {
                   currentTrackOverlay = createTrackPolyline(encodedPolyline, encodedPolylineLevels, "#3B00C0");
                    map.addOverlay(currentTrackOverlay);
                }
                document.getElementById("message").innerHTML = "fertig";
            });

        });
        return marker;
    }

    function createOutdooractiveMarker(point, f, map) {
        var tourID = f[3];
        var title = f[4];
        var description = f[5];
        var sport = f[6];
        var thumbnailURL = f[7];
        var url = f[8];
        var distanceKM = f[9];
        var distanceMI = f[10];
        var duration = f[11];
        var ascentM = f[12];
        var ascentFT = f[13];
        var descentM = f[14];
        var descentFT = f[15];
        var difficulty = f[16];

        var distanceStr = '' + distanceKM+' km';
        var ascentStr = '' + ascentM+' m';
        var descentStr = '' + descentM+' m';

        var difficultyStr = "leicht";
        if( difficulty == '2' ) difficultyStr = "mittel";
        if( difficulty == '3' ) difficultyStr = "schwierig";


        var marker = new GMarker(point, getOutdooractiveRouteIcon(sport));

        var text = "<div style='width: 300px; font-size: small;'>";
            
        var openOutdooractiveJS = "openOutdooractiveWindow(\"" + url + "\")";

        text += "<a style='color:green; font-weight:bold;' href='#' onclick='" + openOutdooractiveJS + "'>" + title + "</a><br/><br/>";

        text +=
            "<div style='width:80px;float:left;margin-right:20px'><a href='#' onclick='" + openOutdooractiveJS + "'><img width=80 height=80 src='" + thumbnailURL + "'/></a></div> ";

        text +=
            "<table style='font-size:9pt;'>" +
            "<tr><td><b>Sportart: </b></td><td>" + translateSport(sport) + "</td></tr>" +
            "<tr><td><b>Distanz: </b></td><td>" + distanceStr + "</td></tr>" +
            "<tr><td><b>Dauer: </b></td><td>" + duration + "</td></tr>" +
            "<tr><td><b>Aufstieg: </b></td><td>" + ascentStr + "</td></tr>" +
            "<tr><td><b>Abstieg: </b></td><td>" + descentStr + "</td></tr>" +
            "<tr><td><b>Schwierigkeit: </b></td><td>" + difficultyStr + "</td></tr>" +
            "</table>";

        text += "<br/><span style='font-size:9pt;'>" + description + "</span><br/>";
        text += "<br/><a href='#' onclick='" + openOutdooractiveJS + "'><img alt='Powered by outdooractive' src='/layersSelectionLayer/images/more_on_outdooractive.jpg' border='0'/></a>";
        text += "</div>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
            dontReloadUponNextMove = true;
        });
        return marker;
    }

    function openOutdooractiveWindow(url) {
        window.open(url, "outdooractive", "");
    }

    function createPhotoMarker(point, f, map) {
        var marker = new GMarker(point, getIcon("photo_small"));

        var trainingID = f[3];
        var trainingObjectID = f[4];
        var userName = f[5];
        var trainingMonthDir = f[6];
        var trainingDir = f[7];
        var index = f[8];

        var image = "/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" +
            trainingDir + "/thumb_" + index + ".jpg";

        var text = "<table height=80><tr><td width=80 height=80>" +
            "<a href='#' onclick='openViewer(" + trainingObjectID + ", false);return false;'>" +
            "<img src='" + image + "'/></a></td>" +
            "<td>";
        if( hasMediaPlayer )
            text +=
                "<a href='#' onclick='openViewer(" + trainingObjectID + ", false);return false;'>" +
                "Media-Player starten</a><br/>";
        var targetTxt = openInPopup?"target='_blank'":"";
        text +=
            "<a " + targetTxt + " href='/detail.jsp?trainingID=" + trainingID + "'>" +
            "Training anzeigen</a>";
            "</td></tr></table>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        return marker;
    }

    function createVideoMarker(point, f, map) {
        var marker = new GMarker(point, getIcon("video"));

        var trainingID = f[3];
        var trainingObjectID = f[4];
        var userName = f[5];
        var trainingMonthDir = f[6];
        var trainingDir = f[7];
        var index = f[8];

        var file = "/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" +
            trainingDir + "/_video_" + index + ".flv";

        var text =
                                "<br/><embed  src=\'/scripts/mediaplayer/mediaplayer.swf\' " +
                                "width=\'240\'  height=\'200\'  " +
                                "allowscriptaccess=\'always\'  allowfullscreen=\'true\' wmode=\'transparent\' " +
                                "flashvars=\'wmode=transparent&file=" + file + "&backcolor=0xFFFFFF&autostart=true\'" +
                                "/><br/>";
        if( hasMediaPlayer )
           text +=
                "<a href='#' onclick='openViewer(" + trainingObjectID + ", false);return false;'>" +
                "Media-Player starten</a>";
        var targetTxt = openInPopup?"target='_blank'":"";
        text +=
            "<img src='/images/spacer.gif' width='34' height='10'/>" +
            "<a " + targetTxt + " href='/detail.jsp?trainingID=" + trainingID + "'>" +
            "Training anzeigen</a>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        return marker;
    }

    function createAudioMarker(point, f, map) {
        var marker = new GMarker(point, getIcon("audio"));
        var trainingID = f[3];
        var trainingObjectID = f[4];
        var userName = f[5];
        var trainingMonthDir = f[6];
        var trainingDir = f[7];
        var index = f[8];

        var file = "/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/" + trainingMonthDir + "/" +
            trainingDir + "/_audio_" + index + ".mp3";

        var text =
                                "<br/><embed  src='/scripts/mediaplayer/mediaplayer.swf'   " +
                                "width='240'  height='20'  " +
                                "allowscriptaccess='always'  allowfullscreen='true' wmode='transparent' " +
                                "flashvars='wmode=transparent&file=" + file + "&backcolor=0xFFFFFF&autostart=true\'" +
                                "/><br/>";
        if( hasMediaPlayer )
            text +=
                "<a href='#' onclick='openViewer(" + trainingObjectID + ", false);return false;'>" +
                "Media-Player starten</a>";
        var targetTxt = openInPopup?"target='_blank'":"";
        text +=
            "<img src='/images/spacer.gif' width='34' height='10'/>" +
            "<a " + targetTxt + " href='/detail.jsp?trainingID=" + trainingID + "'>" +
            "Training anzeigen</a>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        return marker;
    }

    function makeRouteUri(title, routeID) {
        var uri = title;
        if( title == null || title.length == 0 ) uri = "x";
        if( uri.length > 64 ) uri = uri.substr(0, 64);
        uri = uri.replace(/[\/\?\%\&\;\"\\ ]/g, "-");
        uri = uri.replace(/--/g, "-");
        uri = uri.replace(/--/g, "-");
        uri = uri.replace(/--/g, "-");
        return "/routes/" + encodeURI(uri) + "_" + routeID;
    }

    function createRouteMarker(point, f, map) {

        var routeID = f[3];
        var userName = f[4];
        var title = f[5];
        var sport = f[6];
        var cityName = f[7];
        var countryName = f[8];
        var distanceKM = f[9];
        var distanceMI = f[10];
        var ascentM = f[11];
        var ascentFT = f[12];
        var descentM = f[13];
        var descentFT = f[14];

        var distanceStr = '' + distanceKM+' km';
        var ascentStr = '' + ascentM+' m';
        var descentStr = '' + descentM+' m';

        var routeIcon = null;
        if( sport == null || sport.length == 0 || sport == "null") {
            sport = "unbekannt";
            routeIcon = getIcon('rt_default');
        }
        else {
            routeIcon = getRouteIcon(sport);
        }

        var marker = new GMarker(point, routeIcon);

        var text = "<div style='width: 250px; font-size: small; text-align: center;'>";

        text += "<span style='color:#002b70;'>GPS-Sport Navigations-Route<br/><b>" + title + "</b></span><br/><br/>";

        text +=
                "<a style='float:left;' href='/users/" + userName +
                "'><img style='margin: 5px;' src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/user_t.jpg'/></a> ";

        text +=
            "<table><tr><td><b>Ort: </b></td><td>" + cityName + " (" + countryName + ")</td></tr>" +
            "<tr><td><b>Sportler: </b></td><td><a href='/users/" + userName + "'>" +
                  userName + "</a></td></tr>" +
            "<tr><td><b>Sportart: </b></td><td>" + translateSport(sport) + "</td></tr>" +
            "<tr><td><b>Distanz: </b></td><td>" + distanceStr + "</td></tr>" +
            "<tr><td><b>Aufstieg: </b></td><td>" + ascentStr + "</td></tr>" +
            "<tr><td><b>Abstieg: </b></td><td>" + descentStr + "</td></tr>" +
            "</table><br/>";
        text += "<img src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/routeAltDiag" + routeID + ".jpg' width='200' height='40'/><br/><br/>";
        var targetTxt = openInPopup?"target='_blank'":"";
        text += " <a " + targetTxt + " href='" + makeRouteUri(title, routeID) + "'>Details anzeigen</a>";
        text += " <br/><a href='javaScript:openRoutePlannerReadOnly(" + routeID + ");'>Im Routenplaner öffnen</a>" +
            "</div>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);

            // read polyline

            document.getElementById("message").innerHTML = "<b>Track wird geladen ...</b>";
            var url = "/services/routePolyline.jsp?routeID=" + routeID;
            GDownloadUrl(url, function(data, responseCode) {

                var encodedPolyline = "";
                var encodedPolylineLevels = "";

                var p = data.indexOf("\n");
                if( p < 0 )
                  p = data.indexOf("\r");
                if( p >= 0 ) {
                    encodedPolyline = trim(data.substring(0, p)).replace(/\\\\/g, "\\");
                    data = data.substring(p + 1);
                }
                p = data.indexOf("\n");
                if( p < 0 )
                  p = data.indexOf("\r");
                if( p >= 0 ) {
                    encodedPolylineLevels = trim(data.substring(0, p));
                }

                if( currentRouteOverlay != null ) map.removeOverlay(currentRouteOverlay);
                if( encodedPolyline.length > 0 ) {
                   currentRouteOverlay = createTrackPolyline(encodedPolyline, encodedPolylineLevels, "#C0003B");
                    map.addOverlay(currentRouteOverlay);
                }
                document.getElementById("message").innerHTML = "fertig";
            });
        });
        return marker;
    }

    function createUserMarker(point, f, map) {
        var userID = f[3];
        var userName = f[4];
        var iconName = f[5];
        var lastSeen = f[6];
        var deltaText = f[7];

        deltaText = deltaText.replace("$m", "Minuten");
        deltaText = deltaText.replace("$h", "Stunden");
        deltaText = deltaText.replace("$d", "Tage");
        lastSeen += " (" + deltaText + " " + "zurück" + ")";

        var marker = new GMarker(point, getIcon(iconName));

        var targetTxt = openInPopup?"target='_blank'":"";
        var text =
            "<table><tr><td><a " + targetTxt + " href='/users/" + userName + "'>" +
                    userName + "</a><br/>" +
            "<b>Zuletzt gesehen: </b>" + lastSeen + "<br/>" +
            "<a " + targetTxt + " href='/users/" + userName + "'>Benutzer-Homepage öffnen</a><br/></td>" +
            "<td><a href='/users/" + userName + "'>" +
            "<img src='/home/" + userName.substring(0, 2).toLowerCase() + "/" + userName + "/user_t.jpg'/></a></td></tr></table>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        return marker;
    }

    function createTrackPolyline(markerNode) {
            var encodedPoints = markerNode.getAttribute("polyline");
            var encodedLevels = markerNode.getAttribute("polylineLevels");
            return createTrackPolyline(encodedPoints, encodedLevels);
    }

    function createTrackPolyline(encodedPoints, encodedLevels, trackColor) {
            var polyline = new GPolyline.fromEncoded({
                color: trackColor,
                weight: 7,
		points: encodedPoints,
		levels: encodedLevels,
                zoomFactor: 16,
                numLevels: 4
            });
            return polyline;
    }

    function createMarker(point, text) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        return marker;
    }


    function reloadGPSies(map) {
        if( !document.forms.lslForm.lslGPSies.checked ) {
              for (var i = 0; i < gpsiesMarkers.length; i++) {
                map.removeOverlay(gpsiesMarkers[i]);
              }
              return;
        }

        var bounds = map.getBounds();
        var minLat = bounds.getSouthWest().lat();
        var maxLat = bounds.getNorthEast().lat();
        var minLng = bounds.getSouthWest().lng();
        var maxLng = bounds.getNorthEast().lng();

        var url = "/layersSelectionLayer/lslProxy_V1.jsp?t=g&BBOX=" +
            minLng + "," + minLat + "," + maxLng + "," + maxLat + "&limit=50&filetype=kml&device=Run.GPS" + 
            "&pageName=" + lslPageName;
        GDownloadUrl(url, function(data, responseCode) {

          for (var i = 0; i < gpsiesMarkers.length; i++) {
            map.removeOverlay(gpsiesMarkers[i]);
          }
          gpsiesMarkers.length = 0;

            data = trim(data);
            var p = data.indexOf('<');
            if( p > 0 ) data = data.substring(p);
            var xml = GXml.parse(data);

            var tracks = xml.documentElement.getElementsByTagName("track");
            for (i=0; i < tracks.length; i++) {
                createGPSiesMarker(xml, i);
            }
        });
    }

    function createGPSiesMarker(xml, i) {
            var track = xml.documentElement.getElementsByTagName('track').item(i);
            var descNode = track.getElementsByTagName('description').item(0);
            var description = "-";
            if( descNode )
                description = descNode.firstChild.data;

            var fileID = xml.documentElement.getElementsByTagName('fileId').item(i).firstChild.data;
            var title = xml.documentElement.getElementsByTagName('title').item(i).firstChild.data;
            var lat = xml.documentElement.getElementsByTagName('startPointLat').item(i).firstChild.data;
            var lng = xml.documentElement.getElementsByTagName('startPointLon').item(i).firstChild.data;
            var distanceM = parseFloat(xml.documentElement.getElementsByTagName('trackLengthM').item(i).firstChild.data);

            var point = new GLatLng(parseFloat(lat), parseFloat(lng));
            var marker = new GMarker(point, getIcon("gpsies-cow"));
            var text = "<div style='height:auto;width:300px'>" +
                "<a target='_blank' href='http://gpsies.com/map.do?fileId=" + fileID + "'><b>" + title + "</b></a><br/>" +
                "<b>Distanz: </b>" + formatDistanceKM(distanceM / 1000.0) + " km<br/>" +
                "<b>Beschreibung: </b>" + description + "<br/>";
            text += "<img width='200' height='140' src='http://gpsies.com/charts/" + fileID + "_mapThumb.png'/><br/>";
            text += "powered by <a href='http://gpsies.com/map.do?fileId=" + fileID + "'>GPSies.com</a><br/>";
            text += "</div>";
            GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(text);
            });
            gpsiesMarkers.push(marker);
            map.addOverlay(marker);
    }

    function reloadWebcams(map) {
        if( !document.forms.lslForm.lsl_webcams.checked ) {
              for (var i = 0; i < webcamsMarkers.length; i++) {
                map.removeOverlay(webcamsMarkers[i]);
              }
              return;
        }

        var bounds = map.getBounds();
        var minLat = bounds.getSouthWest().lat();
        var maxLat = bounds.getNorthEast().lat();
        var minLng = bounds.getSouthWest().lng();
        var maxLng = bounds.getNorthEast().lng();

        var url = "/layersSelectionLayer/lslWebcamsProxy.jsp?" +
            "maxLat=" + maxLat + "&" +
            "maxLng=" + maxLng + "&" +
            "minLat=" + minLat + "&" +
            "minLng=" + minLng;
        GDownloadUrl(url, function(data, responseCode) {

          for (var i = 0; i < webcamsMarkers.length; i++) {
            map.removeOverlay(webcamsMarkers[i]);
          }
          webcamsMarkers.length = 0;

          for(;;) {
              if( data == null || data.length == 0 ) break;
              var line = "";

              var p = data.indexOf("\n");
              if( p < 0 )
                p = data.indexOf("\r");
              if( p >= 0 ) {
                  line = data.substring(0, p);
                  data = data.substring(p + 1);
              }
              else {
                  line = data;
                  data = "";
              }

              line = trim(line);
              if( line.length == 0 ) continue;

              var f = line.split("|");
              if( f.length < 4 ) continue;

              createWebcamMarker(f);
          }
      });
    }

    function createWebcamMarker(f) {
        var user = f[0];
        var userid = f[1];
        var title = f[2];
        var lat = f[3];
        var lng = f[4];
        var url = f[5];
        var iconurl = f[6];

        var point = new GLatLng(parseFloat(lat), parseFloat(lng));
        var marker = new GMarker(point, getIcon("webcam"));
        var text =
            "<a target='_blank' href='" + url + "'><b>" + title + "</b><br/>" +
            "<img height='96' src='" + iconurl + "'/></a>" +
            "<br/><a href='www.webcams.travel/user/" + userid + "' target='_blank'>" + user + "</a><br/>" +
            "<a href='www.webcams.travel' target='_blank'>Webcams provided by webcams.travel</a><br/><br/>";
        text =
            "<table><tr><td>" +
            "<a target='_blank' href='" + url + "'><b>" + title + "</b></a><br/>" +
            "<br/>by <a href='www.webcams.travel/user/" + userid + "' target='_blank'>" + user + "</a><br/>" +
            "<a href='http://www.webcams.travel' target='_blank'>Webcams provided by webcams.travel</a><br/><br/>" +
            "</td><td>" +
            "<img src='/images/spacer.gif' width='5' height='120'/>" +
            "</td><td>" +
            "<a target='_blank' href='" + url + "'><img height='96' src='" + iconurl + "'/></a>" +
            "</td></tr></table>";
        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(text);
        });
        webcamsMarkers.push(marker);
        map.addOverlay(marker);
    }

    function searchGoogleV3()
    {
        var address = document.forms['searchForm'].search.value;
        if( address != null && address.length != 0 ) showAddress(address, 13);
        return false;
    }

    var geocoder = new GClientGeocoder();

    function showAddress(address, zoomLevel) {
        geocoder.getLatLng(
            address,
            function(point) {
                if (!point) {
                    alert("Ort " + address + " nicht gefunden (Beispiele: \'London, UK\', \'New York\', \'48.123 11.123\')");
                } else {
                    map.setCenter(point, zoomLevel);
                    var marker = new GMarker(point);
                    map.addOverlay(marker);
                    marker.openInfoWindowHtml(address);
                    reloadTracks(map);
                }
            }
        );
    }