// default error texts (these vars can be changed for making it language independant)
var strErrorCodeTextInvalidData         = 'De route kan niet worden berekend. Dit kan komen omdat er geen route is, GoogleMaps geen data heeft voor het eindpunt van de route, of er contractuele beperkingen zijn op de aanwezige data.';
var strErrorCodeTextInvalidInputData    = 'De route kan niet worden berekend. Check of het vanaf adres klopt. Als dit zo is, kan het probleem zijn dat het startpunt of het eindpunt nog niet bij Google Maps bekend is.';
var strErrorCodeTextLimitQueryExceeded  = 'Er is een fout opgetreden. Probeer het later nog eens.';
var strErrorCodeTextUnhandled           = 'Er is een fout opgetreden.';

var Searchmap = function($) {
    var config = {
        /**
        * Do we need to show custom icons instead of default Google's or not.
        * If we do, 6 icons need to be provided with paths like "/images/googlemaps/marker_single.png" (see getIcon)
        * Does not affect clustered markers (see getZoomIcon, getLocIcon) yet. There are no any 'default icons' for them.
        * Support for them can be added e.g. by making customIcons setting accept both boolean and an object literal {customIcons = {zoom:true}}
        */
        customIcons: true,
        popupSelected: false,
		enableMapTypeControl: true,
		enableOverviewControl: true,
		enableScaleControl: true
    };

    var priv = {
        minZoom: 4,
        maxZoom: 18,
        defaultLat: 33.57,
        defaultLng: 10.28,
        defaultZoom: 4,

        pathPrefix: Resource.GetText('path_prefix'),
        cookiePrefix: Resource.GetTextForCookie('cookie-prefix'),
        query: '',
        googleMap: null,
        markerManager: null,
        updateMapTimeout: null,
        currentId: -1,
        // Google maps query for destination place. E.g. 'Barcelona, Spain'
        routeTo: null,

        // labels
        labelReviewRating: Resource.GetText('compare_reviewrating'),
        labelMoreAbout: Resource.GetText('more_about'),
        labelSearchPage: 'zoeken.aspx',

        getHashValue: function(href, key) {
            var hashString = '';
            var params = new Array();

            if (href == null) {
                href = location.href;
            }

            if (href.indexOf('#') != -1) {
                hashString = href.split('#')[1];
            }

            if (hashString.indexOf("&") != -1) {
                params = hashString.split("&");
            }
            else if (hashString.indexOf("=") != -1) {
                params[params.length] = hashString;
            }

            for (var j = 0; j < params.length; j++) {
                param = params[j].split("=");
                if (param[0] == key) {
                    return param[1];
                }
            }

            return '';
        },

        getMarkerValue: function(markerObj, value) {
            if (markerObj != null && markerObj.getAttribute(value)) {
                return markerObj.getAttribute(value);
            }
            else {
                return '';
            }
        },

        getIcon: function(isMultiple, isSelected) {
            var icon = new GIcon();
            if (isMultiple) {
                if (isSelected) {
                    icon.image = priv.pathPrefix + "/images/googlemaps/marker_multiple-sel.png";
                } else {
                    icon.image = priv.pathPrefix + "/images/googlemaps/marker_multiple.png";
                }
                icon.iconAnchor = new GPoint(27, 23);
                icon.iconSize = new GSize(54, 47);
            } else {
                if (isSelected) {
                    icon.image = priv.pathPrefix + "/images/googlemaps/marker_single-sel.png";
                } else {
                    icon.image = priv.pathPrefix + "/images/googlemaps/marker_single.png";
                }
                icon.iconAnchor = new GPoint(19, 19);
                icon.iconSize = new GSize(39, 38);
            }

            return icon;
        },

        getZoomIcon: function(markerCount, hover) {
            var markerSize = 28;
            if (markerCount > 999) {
                markerSize = 60;
            } else if (markerCount > 99) {
                markerSize = 44;
            } else if (markerCount > 9) {
                markerSize = 36;
            }

            var icon = new GIcon();
            icon.image = priv.pathPrefix + '/images/googlemaps/marker' + markerSize + 'x' + markerSize + hover + '.png';
            icon.iconSize = new GSize(markerSize, markerSize);
            icon.iconAnchor = new GPoint((markerSize / 2), (markerSize / 2));

            return icon;
        },

        getLocIcon: function(markerLength) {
            var markerSize = 100;
            if (markerLength > 18) {
                markerSize = 183;
            } else if (markerLength > 15) {
                markerSize = 146;
            } else if (markerLength > 13) {
                markerSize = 122;
            }

            var icon = new GIcon();
            icon.image = priv.pathPrefix + '/images/googlemaps/loc-marker-' + markerSize + '.png';
            icon.iconSize = new GSize(markerSize, 22);
            icon.iconAnchor = new GPoint(0, 0);

            return icon;
        },

        createPopupMarker: function(gllPosition, markerObjArr) {
            //create marker with popup
            var isMultiple = false;
            var isSelected = false;
            if (markerObjArr.length > 1) {
                isMultiple = true;
                for (var i = 0; i < markerObjArr.length; i++) {
                    if (priv.currentId == parseInt(markerObjArr[i].getAttribute('objectid'))) {
                        isSelected = true;
                        break;
                    }
                }
            } else {
                if (priv.currentId == parseInt(markerObjArr[0].getAttribute('objectid'))) {
                    isSelected = true;
                }
            }
            var opts = {};
            if (config.customIcons) {
                var icon = priv.getIcon(isMultiple, isSelected);
                $.extend(opts, { "icon": icon });
            }
            var marker = new GMarker(gllPosition, opts);
            //markerObjArr is the full set of properties that have been created in XML... tooltip takes care of display issues
            if (!(!isMultiple && (isSelected && !config.popupSelected))) {
                GEvent.addListener(marker, 'click', function() {
                    var detailContent = '';
                    var fotoContent = '';
                    var objectMax = 2;
                    var rangequery = '';
                    for (var i = 0; i < markerObjArr.length && i < objectMax; i++) {
                        var detailUrl = priv.getMarkerValue(markerObjArr[i], "linkurl");
                        var title = priv.getMarkerValue(markerObjArr[i], "title");
                        var mainImage = priv.getMarkerValue(markerObjArr[i], "imageurl");
                        var price = priv.getMarkerValue(markerObjArr[i], "price");
                        var starRating = priv.getMarkerValue(markerObjArr[i], "stars");
                        var cityregioncountry = priv.getMarkerValue(markerObjArr[i], "cityregioncountry");
                        var usp = priv.getMarkerValue(markerObjArr[i], "usp");
                        var reviewrating = priv.getMarkerValue(markerObjArr[i], "reviewrating");
                        var images = priv.getMarkerValue(markerObjArr[i], "images");
                        rangequery = priv.getMarkerValue(markerObjArr[i], "rangequery");

                        var pricetag = '';
                        if (price != '') {
                            pricetag = '<div class="tooltip-pricetag">' + Resource.GetText('result_from') + ' <span class="tooltip-price">&euro;' + price + '</span></div>';
                        }

                        detailContent += '<div class="tooltip-main-image"><a href="' + detailUrl + '" target="_top"><img border="0" alt="' + title + '" src="' + mainImage + '"/></a></div>' +
			                    '<div class="tooltip-info">' +
					                '<a href="' + detailUrl + '" target="_top">' + title + '</a><span class="star-rating star-rating-' + starRating + '">' + Resource.GetText('stars') + '</span>' +
					                '<span class="locale">' + cityregioncountry + '</span>';
                        if (reviewrating != 0) // if rating is not provided at all, also hide review ratings (see SMIGR-418)
                        {
                            detailContent += '<span class="row text">' + priv.labelReviewRating + ' <span class="reviewrating">' + reviewrating + '</span></span>';
                        }
                        detailContent += '<div class="accorow"><div class="tooltip-head"><a href="' + detailUrl + '" target="_top">&gt; ' + priv.labelMoreAbout + ' ' + title + '</a></div>' +
			                    '</div>' +
			                    '<div class="clear-both"></div>' +
			                    pricetag +
			                    '</div></div><div class="clear-both"></div>';

                        if (images == '') {
                            fotoContent += '<div class="accorow"><div class="tooltip-head"><a href="' + detailUrl + '" target="_top">&gt; ' + priv.labelMoreAbout + ' ' + title + '</a></div>' + Resource.GetText('no_photos') + '</div>';
                        } else {
                            var arrImages = images.split(',');
                            fotoContent += '<div class="accorow">';
                            for (var j = 0; j < arrImages.length; j++) {
                                fotoContent += '<div class="tooltip-main-image"><img border="0" alt="' + title + '" src="' + arrImages[j] + '"/></div>';
                            }
                            fotoContent += '<div class="tooltip-head"><a href="' + detailUrl + '" target="_top">&gt; ' + priv.labelMoreAbout + ' ' + title + '</a></div>';
                            fotoContent += '</div>';
                        }
                    }
                    if (markerObjArr.length > objectMax) {
                        detailContent += '<div class="accorow"><a href="' + priv.pathPrefix + '/' + priv.labelSearchPage + '?' + rangequery + '" target="_top">meer (' + markerObjArr.length + ')</a></div>';
                    }
                    var infoTabs = [new GInfoWindowTab(Resource.GetText('details'), detailContent),
                                    new GInfoWindowTab(Resource.GetText('photos'), fotoContent)];
                    priv.googleMap.openInfoWindowTabs(gllPosition, infoTabs);
                });
            }

            return marker;
        },

        createZoomMarker: function(gllPosition, strTargetText, intTargetZoom, strMarkerToolTip) {
            //Get rid of HTML tags and the 1000s separator or it will give problems when parsed
            var intMarkerCount = strTargetText.replace(".", "");
            var marker = null;

            if (strMarkerToolTip == Resource.GetText('map_clicktozoom')) {
                var opts = { "icon": priv.getZoomIcon(intMarkerCount, 'n'), "clickable": true, "draggable": false, "labelText": strTargetText, "labelOffset": new GSize(-23, -19), "title": strMarkerToolTip };
                var strHoverImage = priv.getZoomIcon(intMarkerCount, 'h').image;
                var strNoHoverImage = priv.getZoomIcon(intMarkerCount, 'n').image;

                marker = new LabeledMarker(gllPosition, opts);
                //add click event... zoom in
                GEvent.addListener(marker, 'click', function() {
                    priv.zoomToLocation(gllPosition.lat(), gllPosition.lng(), intTargetZoom);
                    priv.googleMap.enableDragging();
                });

                //mouseover and mouseout make the marker change color when the mouse is over it
                GEvent.addListener(marker, 'mouseover', function() {
                    marker.setImage(strHoverImage);
                    marker.setTextColor("#ff6600");
                    priv.googleMap.disableDragging();
                });
                GEvent.addListener(marker, 'mouseout', function() {
                    marker.setImage(strNoHoverImage);
                    marker.setTextColor("#ffffff");
                    priv.googleMap.enableDragging();
                });
            } else {
                var locationMarkerText = "<nobr>" + strMarkerToolTip + " (" + strTargetText + ")</nobr>";
                var otherOpts = { "labelClass": "locationLabel", "icon": priv.getLocIcon((strMarkerToolTip + " (" + strTargetText + ")").length), "clickable": true, "draggable": false, "labelText": locationMarkerText, "labelOffset": new GSize(15, 0), "title": strMarkerToolTip };

                marker = new LabeledMarker(gllPosition, otherOpts);
                //add click event... zoom in
                GEvent.addListener(marker, 'click', function() {
                    priv.zoomToLocation(gllPosition.lat(), gllPosition.lng(), intTargetZoom);
                    priv.googleMap.enableDragging();
                });

                //mouseover and mouseout make the marker change color when the mouse is over it
                GEvent.addListener(marker, 'mouseover', function() {
                    priv.googleMap.disableDragging();
                });
                GEvent.addListener(marker, 'mouseout', function() {
                    priv.googleMap.enableDragging();
                });
            }

            return marker;
        },

        setHistoryCookie: function() {
            $.cookie(priv.cookiePrefix + "searchmap", priv.googleMap.getCenter().lat() + '^' + priv.googleMap.getCenter().lng() + '^' + priv.googleMap.getZoom(), { expires: 1, path: '/' });
        },

        zoomToLocation: function(fltLat, fltLng, intZoom) {
            priv.googleMap.setCenter(new GLatLng(fltLat, fltLng), intZoom);
        },

        createMap: function(lat, lng, z, mapType) {
            priv.googleMap.addControl(new GLargeMapControl());
			if (config.enableMapTypeControl){
            priv.googleMap.addControl(new GMapTypeControl());
			}
			if (config.enableScaleControl){
            priv.googleMap.addControl(new GScaleControl());
			}
			
            if (config.enableOverviewControl) {
            priv.googleMap.addControl(new GOverviewMapControl());
			}
            priv.googleMap.setCenter(new GLatLng(lat, lng), z);
            priv.googleMap.enableDoubleClickZoom();

            // use normal map as default map type
            mapType = mapType || G_NORMAL_MAP;
            priv.googleMap.setMapType(mapType);

            // limit zooming
            var mapTypes = priv.googleMap.getMapTypes();
            for (var i in mapTypes) {
                mapTypes[i].getMinimumResolution = function() { return priv.minZoom; };
                mapTypes[i].getMaximumResolution = function() { return priv.maxZoom; };
            }

            // Set googlemaps events
            GEvent.addListener(priv.googleMap, 'zoomend', function() {
                if (priv.updateMapTimeout != null) {
                    window.clearTimeout(priv.updateMapTimeout);
                }
                priv.updateMapTimeout = setTimeout('Searchmap.updateMap()', 150);
            });
            GEvent.addListener(priv.googleMap, 'dragend', function() {
                if (priv.updateMapTimeout != null) {
                    window.clearTimeout(priv.updateMapTimeout);
                }
                priv.updateMapTimeout = setTimeout('Searchmap.updateMap()', 150);
            });
            GEvent.addListener(priv.googleMap, 'moveend', function() {
                // add current search to cookie
                priv.setHistoryCookie();
            });

            var markerMgrOptions = { minZoom: priv.minZoom, maxZoom: priv.maxZoom, trackMarkers: false };
            priv.markerManager = new MarkerManager(priv.googleMap, markerMgrOptions);

            // Update the map with markers
            priv.query = priv.getHashValue(location.href, 'query');
            Searchmap.updateMap();
        }
    };

    return {
        updateMap: function() {
            Log.Debug('lat:' + priv.googleMap.getCenter().lat() + ', lng:' + priv.googleMap.getCenter().lng() + ', zoom:' + priv.googleMap.getZoom());

            // close open tooltips
            priv.googleMap.closeInfoWindow();

            // Get map variables
            var currentZoom = priv.googleMap.getZoom();
            var bounds = priv.googleMap.getBounds();
            var gllCenter = priv.googleMap.getCenter();
            var height2 = bounds.getSouthWest().distanceFrom(new GLatLng(bounds.getNorthEast().lat(), bounds.getSouthWest().lng()));
            var height3 = bounds.getNorthEast().distanceFrom(new GLatLng(bounds.getSouthWest().lat(), bounds.getNorthEast().lng()));
            var width2 = bounds.getSouthWest().distanceFrom(new GLatLng(bounds.getSouthWest().lat(), bounds.getNorthEast().lng()));
            var width3 = bounds.getNorthEast().distanceFrom(new GLatLng(bounds.getNorthEast().lat(), bounds.getSouthWest().lng()));
            var width = width2 > width3 ? width2 : width3;
            var height = height2 > height3 ? height2 : height3;

            // Build markers xml url
            var url = priv.pathPrefix + '/js/ajax/loadmap.ashx?' +
		              'lat=' + gllCenter.lat() +
		              '&lng=' + gllCenter.lng() +
		              '&zoomlevel=' + currentZoom +
		              '&width=' + width +
		              '&height=' + height +
		              '&query=' + encodeURIComponent(priv.query);

            // Call the url
            GDownloadUrl(url, function(data, responseCode) {
                if (responseCode == 200) {
                    // Parse the returned url
                    var xmlDoc = GXml.parse(data);

                    var resultCount = xmlDoc.documentElement.getAttribute("resultcount");
                    $('#resultCount').html(String.format(Resource.GetText('result_type_found_search'), resultCount));

                    // load the markers
                    var arrGroupMarkers = [];
                    var arrMarkers = [];
                    var fltCurrLat = 0;
                    var fltCurrLng = 0;
                    var markersXml = xmlDoc.documentElement.getElementsByTagName("marker");
                    for (var i = 0; i < markersXml.length; i++) {
                        var fltMarkerLat = parseFloat(markersXml[i].getAttribute("lat"));
                        var fltMarkerLng = parseFloat(markersXml[i].getAttribute("lng"));
                        var gllPoint = new GLatLng(fltMarkerLat, fltMarkerLng);
                        var name = markersXml[i].getAttribute("name");
                        var intMarkerClass = markersXml[i].getAttribute("jump");
                        var strMarkerText = markersXml[i].getAttribute("text");

                        if (intMarkerClass == '1') {
                            if (i > 0 && arrGroupMarkers.length > 0) {
                                //if not the same, flush and reset arrGroupMarkers
                                arrMarkers.push(priv.createPopupMarker(new GLatLng(fltCurrLat, fltCurrLng), arrGroupMarkers));
                                arrGroupMarkers = new Array();
                            }

                            //zoom marker... this one zooms in when clicked
                            var intMarkerZoom = parseInt(markersXml[i].getAttribute("zoom"));
                            var strMarkerToolTip = markersXml[i].getAttribute("tooltip");

                            //create empty bound box
                            var gllbBounds = new GLatLngBounds();

                            //get all vars for the two points
                            var fltTopLeftLat = parseFloat(markersXml[i].getAttribute("tllat"));
                            var fltTopLeftLon = parseFloat(markersXml[i].getAttribute("tllon"));
                            var fltBotRightLat = parseFloat(markersXml[i].getAttribute("brlat"));
                            var fltBotRightLon = parseFloat(markersXml[i].getAttribute("brlon"));

                            //create top left and bottom right points
                            var gllTopLeft = new GLatLng(fltTopLeftLat, fltTopLeftLon);
                            var gllBotRight = new GLatLng(fltBotRightLat, fltBotRightLon);

                            //add to bound box
                            gllbBounds.extend(gllTopLeft);
                            gllbBounds.extend(gllBotRight);

                            //if all went OK, the box will contain the marker
                            //if not, we use the zoom that has been set on the marker before creating
                            //the bound box. (preset in Web.config)
                            if (gllbBounds.contains(gllPoint)) {
                                //set zoom to what the map thinks it should be
                                intMarkerZoom = priv.googleMap.getBoundsZoomLevel(gllbBounds);
                                //if we are not moving up relative to current view
                                //force zoom in
                                if (intMarkerZoom <= currentZoom) {
                                    var intCurrentZoom = currentZoom;
                                    intMarkerZoom = intCurrentZoom + 1;
                                }
                            }
                            arrMarkers.push(priv.createZoomMarker(gllPoint, strMarkerText, intMarkerZoom, strMarkerToolTip));
                        }
                        else {
                            if (fltMarkerLat != fltCurrLat || fltMarkerLng != fltCurrLng) {
                                if (i > 0 && arrGroupMarkers.length > 0) {
                                    //if not the same, flush and reset arrGroupMarkers
                                    arrMarkers.push(priv.createPopupMarker(new GLatLng(fltCurrLat, fltCurrLng), arrGroupMarkers));
                                    arrGroupMarkers = new Array();
                                }
                                //set current lat lng
                                fltCurrLat = fltMarkerLat;
                                fltCurrLng = fltMarkerLng;
                            }

                            //add to current group
                            arrGroupMarkers.push(markersXml[i]);

                            //if last run flush
                            if ((i + 1) >= markersXml.length) {
                                arrMarkers.push(priv.createPopupMarker(new GLatLng(fltCurrLat, fltCurrLng), arrGroupMarkers));
                            }
                        }
                    }
                    priv.markerManager.clearMarkers();
                    priv.markerManager.addMarkers(arrMarkers, priv.minZoom, priv.maxZoom);
                    priv.markerManager.refresh();

                    // load the refinements
                    //                    var refinements = xmlDoc.documentElement.getElementsByTagName("refinements")[0].childNodes[0].nodeValue;
                    //                    $('#nav').html(refinements);
                    //                    $('#navigation ul.navigation a, #selection ul a').bind('click', function()
                    //                    {
                    //                        Searchmap.facetClick($(this).attr('href'));
                    //                    });
                }
            });
        },

        facetClick: function(href) {
            priv.query = priv.getHashValue(href, 'query');
            Searchmap.updateMap();
        },

        loadGoogleMaps: function(doLoadDimensions, locationIdentifier, mapType, options) {
            if (options) {
                $.extend(config, options);
            }

            if (GBrowserIsCompatible()) {
                // set current accommodation id
                if (locationIdentifier != '' && locationIdentifier.split('~')[0] == 'ACC') {
                    priv.currentId = parseInt(locationIdentifier.split('~')[1]);
                }

                // load googlemaps
                priv.googleMap = new GMap2($('#googleMap').get(0));

                // initially set default lat, lng, zoomlevel
                var lat = priv.defaultLat;
                var lng = priv.defaultLng;
                var z = priv.defaultZoom;

                // get previous map state from cookie if available
                var cookieStr = $.cookie(priv.cookiePrefix + "searchmap");
                if (cookieStr != null && cookieStr != '') {
                    var arrValues = cookieStr.split('^');
                    if (arrValues.length == 3) {
                        lat = parseFloat(arrValues[0]);
                        lng = parseFloat(arrValues[1]);
                        z = parseInt(arrValues[2]);
                    }
                }

                if (locationIdentifier != '') {
                    var split = locationIdentifier.split('~');
                    var typeId = split[0];
                    var locId = split[1];
                    $.getJSON(priv.pathPrefix + '/js/ajax/get_locations.ashx?type_id=' + typeId + '&locId=' + locId, function(item) {
                        if (item.GeoInfo.NorthWestLatitude != 0 && item.GeoInfo.NorthWestLongitude != 0) {
                            var gllTopLeft = new GLatLng(item.GeoInfo.NorthWestLatitude, item.GeoInfo.NorthWestLongitude);
                            var gllBotRight = new GLatLng(item.GeoInfo.SouthEastLatitude, item.GeoInfo.SouthEastLongitude);
                            var gllbBounds = new GLatLngBounds();
                            gllbBounds.extend(gllTopLeft);
                            gllbBounds.extend(gllBotRight);
                            lat = gllbBounds.getCenter().lat();
                            lng = gllbBounds.getCenter().lng();
                            z = priv.googleMap.getBoundsZoomLevel(gllbBounds);
                        } else {
                            lat = item.GeoInfo.Latitude;
                            lng = item.GeoInfo.Longitude;
                            if (typeId == 'LND') {
                                z = 6;
                            } else if (typeId == 'STR') {
                                z = 8;
                            } else if (typeId == 'PLT') {
                                z = 14;
                            } else if (typeId == 'ACC') {
                                z = 16;
                            }
                        }

                        priv.createMap(lat, lng, z, mapType);
                    });
                } else {
                    priv.createMap(lat, lng, z, mapType);
                }
            }
        },

        // Show Google map with the directions for a car traveller.
        // Directions are from Utrecht, NL to the specified accommodation.
        // Standard map is used, viewpoint and zoom auto-adjusted.
        // routeTo: string - Google maps query for destination place. Because using accommodation name
        // usually leads to ambiguous results and no directions, coordinates are used
        showDirections: function(routeTo, options, langCode) {
            if (langCode == '' || langCode == null || langCode == undefined) {
                langCode = 'nl_NL';
            }

            if (!GBrowserIsCompatible()) {
                return;
            }
            if (!routeTo) {
                return;
            }
            priv.routeTo = routeTo;
            if (options) {
                $.extend(config, options);
            }

            // load googlemaps
            priv.googleMap = new GMap2($('#googleMap').get(0));
            priv.googleMap.setCenter(new GLatLng(priv.defaultLat, priv.defaultLat), priv.defaultZoom);
            priv.googleMap.addControl(new GLargeMapControl());
            priv.googleMap.addControl(new GMapTypeControl());
            priv.googleMap.addControl(new GScaleControl());
            priv.googleMap.addControl(new GOverviewMapControl());
            priv.googleMap.enableDoubleClickZoom();

            Searchmap.updateDirections(langCode);
        },

        sendGoogleMapDirections: function(accoId, langCode) {
            if (langCode == '') {
                langCode = 'nl_NL';
            }

            $('#googleDirections').html('');
            priv.googleMap.clearOverlays();

            // set googlemaps directions object
            directionsDiv = document.getElementById('googleDirections');
            directions = new GDirections(priv.googleMap, directionsDiv);

            var ToText = $('#routeToText').val();
            var addr = $('#dirAddress').val();
            var city = $('#dirCity').val();
            var country = $('#dirCountry').val();
            var routeFrom = "";
            if (city != '') {
                routeFrom = addr != '' ? addr + " " : "";
                routeFrom += city + " " + country;
            }
            else {
                routeFrom = Resource.GetText('send_route_from');
            }

            GEvent.addListener(directions, "load", function() {
                // set maptype to map
                priv.googleMap.setMapType(G_NORMAL_MAP);

                // write route without any styling for print and email                
                var route = directions.getRoute(0);
                var start = route.getStartGeocode();
                var end = route.getEndGeocode()
                var container = document.getElementById("RouteSimplified");
                var simple = String.format(Resource.GetText('send_route_beginendpoint'), start.address, end.address, directions.getSummaryHtml());
                for (i = 0; i < route.getNumSteps(); i++) {
                    simple += (i + 1) + ". " + route.getStep(i).getDescriptionHtml() + " " + route.getStep(i).getDistance().html + " (" + route.getStep(i).getDuration().html + ")<br/><br/>";
                }
                simple += Resource.GetText('send_route_description');
                container.value = simple;

                formsubmit.sendRoute(accoId);
            });

            GEvent.addListener(directions, "error", function() {
                var errorDiv = document.getElementById("route-error");
                var addressPanel = document.getElementById("phRouteToAddress");
                var toolsPanel = document.getElementById("divTools");
                err = directions.getStatus();
                if (err.code == 603 || err.code == 604) // no route or address due to legal reasons/lacking data
                {
                    errorDiv.innerHTML = String.format(Resource.GetText('send_route_error_noroute'), routeFrom, ToText);
                    addressPanel.style.display = "none";
                    toolsPanel.style.display = "none";
                }
                else if (err.code == 601 ||  //missing query
                    err.code == 602 ||  //unknown address 
                    err.code == 400 ||  //bad request
                    err.code == 500)   //server error
                {
                    errorDiv.innerHTML = String.format(Resource.GetText('send_route_error_address'), routeFrom, ToText);
                }
                else if (err.code == 620)   //limit nr of queries allowed exceeded
                {
                    errorDiv.innerHTML = Resource.GetText('send_route_error_tryagain');
                    addressPanel.style.display = "none";
                    toolsPanel.style.display = "none";
                }
                else {
                    errorDiv.innerHTML = Resource.GetText('send_route_error');
                    addressPanel.style.display = "none";
                    toolsPanel.style.display = "none";
                }

            });
            directions.load("from: " + routeFrom + " to: " + priv.routeTo, { "locale": "de_DE" });
        },

        // Update car traveler directions with the new start address.
        updateDirections: function(langCode) {
            if (langCode == '') {
                langCode = 'nl_NL';
            }

            if (!GBrowserIsCompatible()) {
                return;
            }
            var $directionsContainer = $('#googleDirections').html('');
            var $errorContainer = $("#route-error").hide();
            var toolsPanel = $("divTools");
            priv.googleMap.clearOverlays();
            var directions = new GDirections(priv.googleMap, $directionsContainer.get(0), { travelMode: 1 });

            var addr = $('#dirAddress').val();
            var city = $('#dirCity').val();
            var country = $('#dirCountry').val();
            var routeFrom = country;
            if (city != '') {
                routeFrom = addr + " " + city + " " + routeFrom;
            }
            var query = "from: " + routeFrom + " to: " + priv.routeTo;
            GEvent.addListener(directions, "error", function() {
                var err = directions.getStatus();
                if (err.code == 603 || err.code == 604) // no route or address due to legal reasons/lacking data
                {
                    $errorContainer.html(strErrorCodeTextInvalidData);
                }
                else if (err.code == 601 ||  //missing query
                    err.code == 602 ||  //unknown address 
                    err.code == 400 ||  //bad request
                    err.code == 500)   //server error
                {
                    $errorContainer.html(strErrorCodeTextInvalidInputData);
                }
                else if (err.code == 620)   //limit nr of queries allowed exceeded
                {
                    $errorContainer.html(strErrorCodeTextLimitQueryExceeded);
                }
                else {
                    $errorContainer.html(strErrorCodeTextUnhandled);
                }
                $errorContainer.show();
                toolsPanel.show();
            });
            directions.load(query, { "locale": langCode });
        }
    };
} (jQuery);

$(document).unload( function () { GUnload(); } );