<!------------------------------------------------------------------------------------------------------------------------------------------------>
<!--    File:           gmap                                                                                                               -->
<!--    Language:       en                                                                                                                      -->
<!--    Description:    Seekky viewer for Google Maps                                                                                           -->
<!--    Created:        06/05/2008                                                                                                              -->
<!--    Author:         Jaime González Cuadrado                                                                                                 -->
<!--    Releases:                                                                                                                               -->
<!--    1.18 (06/05/2008)   First beta release powered with google maps api engine.                                                             -->
<!--                        Key:ABQIAAAA6nRY0wM-KX_zwdt3LCx_9BR1biWunJYGYD3ssO1Mt7dKIR7MOBQ6y-6TQUf3p6LVREkHOoqEBkwNpA                          -->
<!--                                                                                                                                            -->
<!--    1.25 (28/07/2008)   Removed addthis functionality.                                                                                      -->
<!--                        Added route functionality.                                                                                          -->
<!--                                                                                                                                            -->
<!--    1.26 (08/08/2008)   Removed resize functionality.                                                                                       -->
<!--                        Improve tools management.                                                                                           -->
<!--                        Fixed blank.html iframe error in dhtmlxmenubar.js                                                                   -->
<!--                                                                                                                                            -->
<!--    1.27 (18/08/2008)   New print map functionality.                                                                                        -->
<!--                        Improve multibrowser support.                                                                                       -->
<!--                                                                                                                                            -->
<!--    1.28 (08/10/2008)   Added new translation languages.                                                                                    -->
<!--                        Fixed route map error when showing first step map.                                                                  -->
<!--                                                                                                                                            -->
<!--    1.29 (26/11/2008)   Fixed G_SATELLITE_MAP view error.                                                                                   -->
<!--                        Added StreetView functionality.                                                                                     -->
<!--                        Fixed infoWindow error initializing map.                                                                            -->
<!--                                                                                                                                            -->
<!------------------------------------------------------------------------------------------------------------------------------------------------>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml">
<!------------------------------ Head ------------------------------>
<head>
<!------------------------------ Title ------------------------------>
<title>Seekky Map</title>
<!------------------------------ Style ------------------------------>
<style type="text/css">v\:* {behavior:url(#default#VML);}</style>
<style>
body {font-family:arial; font-size:12px; color:#000; background-color:#fff; margin:0px; padding:0px; width:100%; height:100%; overflow:hidden;}
span {font-family:arial; font-size:12px; color:#808080;}
td, input {font-family:arial; font-size:12px; color:#000;}
.menu {border-bottom:solid 1px #c1d9ff;}
.toolbar {border-bottom:solid 1px #c1d9ff;}
.toolbar_route {border-top:solid 1px #c1d9ff; border-bottom:solid 1px #c1d9ff; background-color:#e0edfe; height:26px;}
.container {backgound-color:#fff; padding:5px;}
.directions_container {border:solid 1px #ddd;}
.address {font-family:arial; font-size:13px; width:100%; padding-left:8px; padding-right:8px;}
.address_selector {cursor:pointer; vertical-align:top;}
.address_icon {vertical-align:top;}
.address_container {background-color:#eee; padding:5px;}
.steps_container {background-color:#fff; padding:3px 6px 3px 10px;}
.step_container {background-color:#fff; padding:3px 3px 3px 0px;}
.step_drive {font-family:arial; font-size:12px; padding-left:6px; padding-right:6px; width:35%}
.step_drive_distance {font-family:arial; font-size:12px; width:65%}
.step_toggle {cursor:pointer; font-family:arial; font-size:12px;}
.step_toggle_icon {padding:0px;}
.step_line {border-top:solid 1px #ddd; font-family:arial; font-size:12px;}
.step_line_selector {cursor:pointer; font-family:arial; font-size:12px; vertical-align:top;}
.step_number {color:#000088; text-decoration:underline; white-space:nowrap;}
.step_distance {color:#808080; white-space:nowrap;}
.window_step_container {font-size:12px; padding-top:10px; width:352px;}
.window_step_box {border:solid 1px #c1d9ff;}
.window_step_address {background-color:#fff;}
.window_step_toolbar {border-top:solid 1px #c1d9ff; border-bottom:solid 1px #c1d9ff; background-color:#e0edfe;}
.window_step_map {display:block; width:350px; height:250px;}
.window_step_previous {cursor:pointer; color:#000088; white-space:nowrap;}
.window_step_next {cursor:pointer; color:#000088; white-space:nowrap;}

.window_pin_address {font-size:12px; width:350px; height:250px; margin:0px; padding:0px;}
.window_pin_section {background-color:#fff; width:350px;}
.span_pin_caption {font-size:13px; color:#000088;}
.span_pin_separator {font-size:13px; color:#fff;}
.span_pin_data {font-size:12px; color:#000; unicode-bidi:embed; direction:ltr;}
.span_pin_option {font-size:12px; color:#000088; unicode-bidi:embed; direction:ltr; text-decoration:underline; cursor:pointer;}
.span_pin_option_selected {font-size:12px; color:#000; unicode-bidi:embed; direction:ltr;}
.span_pin_data_small {font-size:10px; color:#808080; unicode-bidi:embed; direction:ltr;}
.div_pin_directions {padding:0px; margin:0px;}
.form_pin_route {font-size:12px; padding:0px; margin:0px;}
.form_pin_from_here {font-size:12px; padding:0px; margin:0px;}
.div_pin_search_nearby {padding:0px; margin:0px;}
.form_pin_search_nearby {font-size:12px; padding:0px; margin:0px;}
.hr_pin_separator {width:60%; color:#eee;}

.window_pin_street_view {display:block; font-size:12px; width:350px; height:250px; margin:0px; padding:0px;}
.window_pin_street_view_panorama {display:block; font-size:12px; width:350px; height:230px; margin:0px; padding:0px;}
.window_pin_street_view_toolbar {background-color:#fff;}
.a_pin_street_view_toolbar_item {cursor:pointer; color:#000088; white-space:nowrap; direction:ltr;}
.div_pin_error {font-family:arial; font-size:12px; color:#000; padding:5px;}

.form_route_container {margin:0px; padding:0px;}
.span_route_form {white-space:nowrap;}
.route_help_container {color:#000; padding:10px;}
.route_help_example {color:#000088; text-decoration:underline; cursor:pointer;}
.route_error_container {color:#ff0000; padding:10px;}
.route_error_hint {color:#ff0000;}
.map_tooltip {background-color:#fff; border:solid 1px #000; font-size:11px; color:#000; padding:3px;}
.span_coordinates_form {white-space:nowrap;}
.input_coordinates_form {direction:ltr; width:100%;}
.tools_box {border:solid 1px #c1d9ff; width:100%;}
.tools_toggle {background-color:#e0edfe; cursor:pointer; padding:5px;}
.span_tools_toggle {cursor:pointer; color:#000088; font-size:13px; padding-left:5px; padding-right:5px;}
</style>
<!------------------------------ Meta tags ------------------------------>
<meta http-equiv=content-type content="text/html; charset=utf-8">
<meta name="description" content="Seekky map viewer.">
<meta name="keywords" content="search,searching,search engine,web search,image search,video search,news search,address search,buscar,buscador,motor de búsqueda,buscar imágenes,buscar vídeos,buscar noticias,buscar dirección">
<meta name="copyright" content="&copy;&nbsp;2008 Pentasoft. All rights reserved.">
<!------------------------------ Images ------------------------------>
<link href="img/seekky.ico" rel="shortcut icon"/>
<link href="css/dhtmlxtoolbar.css" rel="stylesheet" type="text/css">
<link href="css/dhtmlxmenu.css" rel="stylesheet" type="text/css">
<!------------------------------ Javascript ------------------------------>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA6nRY0wM-KX_zwdt3LCx_9BR1biWunJYGYD3ssO1Mt7dKIR7MOBQ6y-6TQUf3p6LVREkHOoqEBkwNpA" type="text/javascript"></script>
<script src="js/dhtmlxprotobar.js" type="text/javascript"></script>
<script src="js/dhtmlxcommon.js" type="text/javascript"></script>
<script src="js/dhtmlxtoolbar.js" type="text/javascript"></script>
<script src="js/dhtmlxmenubar.js" type="text/javascript"></script>
<!------------------------------ Javascript (before load) ------------------------------>
<script type="text/javascript">
// Error suppression handling
function hErr(){return true;}window.onerror=hErr;

// Classes library
function Language(id,dir)
{
    // Properties
    this.id=id;
    this.dir=dir;
}

// Global constants
var _defaultFit = "1";
var _defaultStreetViewFlag = "0";
var _defaultLat = 40.438694;
var _defaultLng = -3.625838;
var _birdView="b";
var _roadView="r";
var _aerialView="a";
var _terrainView="t";
var _spatialView="s";
var _defaultZoom=5;
var _menuHeight=26;
var _toolbarHeight=26;
var _windowTop=_menuHeight + _toolbarHeight;
var _piwNone = "0";
var _piwAddress = "1";
var _piwStreetView = "2";

// Map variables
var _mapDiv;
var _map;
var _mapTooltip;
var _latLng;
var _mapType;
var _largeMap;
var _overviewMap;
var _stepMap;
var _streetView;
var _pinMarker;
var _geocoder;
// Menu variables
var _toolBar,_menuBar;
var _toolbarRoute;
// Coordinates variables
var _coordinates_mousemove;
// Route variables
var _route,_directions,_route_load,_route_error,_polyline,_stepPolyline,_startMarker,_endMarker;
var _lastStepId,_startFullAddress,_endFullAddress;
var _stepStart = "start";
var _stepEnd = "end";
var _stepPoint = "point";

// Route icons
var _iconPin = new GIcon(); 
_iconPin.image = "img/dot_marker_red.png";
_iconPin.shadow = "img/marker_shadow.png";
_iconPin.transparent = "img/marker_transparent.png";
_iconPin.iconSize = new GSize(20, 34);
_iconPin.shadowSize = new GSize(37, 34);
_iconPin.iconAnchor = new GPoint(9, 34);
_iconPin.infoWindowAnchor = new GPoint(9, 2);
_iconPin.infoShadowAnchor = new GPoint(18, 25);
_iconPin.printImage = "img/dot_marker_red.png";
_iconPin.mozPrintImage = "img/dot_marker_red.png";

var _iconStart = new GIcon(); 
_iconStart.image = "img/route_start.png";
_iconStart.shadow = "img/marker_shadow.png";
_iconStart.transparent = "img/marker_transparent.png";
_iconStart.iconSize = new GSize(20, 34);
_iconStart.shadowSize = new GSize(37, 34);
_iconStart.iconAnchor = new GPoint(9, 34);
_iconStart.infoWindowAnchor = new GPoint(9, 2);
_iconStart.infoShadowAnchor = new GPoint(18, 25);
_iconStart.printImage = "img/route_start.png";
_iconStart.mozPrintImage = "img/route_start.png";

var _iconEnd = new GIcon(); 
_iconEnd.image = "img/route_end.png";
_iconEnd.shadow = "img/marker_shadow.png";
_iconEnd.transparent = "img/marker_transparent.png";
_iconEnd.iconSize = new GSize(20, 34);
_iconEnd.shadowSize = new GSize(37, 34);
_iconEnd.iconAnchor = new GPoint(9, 34);
_iconEnd.infoWindowAnchor = new GPoint(9, 2);
_iconEnd.infoShadowAnchor = new GPoint(18, 25);
_iconEnd.printImage = "img/route_end.png";
_iconEnd.mozPrintImage = "img/route_end.png";

var _iconMarkerYellow = new GIcon(); 
_iconMarkerYellow.image = "img/dot_marker_yellow.png";
_iconMarkerYellow.shadow = "img/marker_shadow.png";
_iconMarkerYellow.transparent = "img/marker_transparent.png";
_iconMarkerYellow.iconSize = new GSize(20, 34);
_iconMarkerYellow.shadowSize = new GSize(37, 34);
_iconMarkerYellow.iconAnchor = new GPoint(9, 34);
_iconMarkerYellow.infoWindowAnchor = new GPoint(9, 2);
_iconMarkerYellow.infoShadowAnchor = new GPoint(18, 25);
_iconMarkerYellow.printImage = "img/dot_marker_yellow.png";
_iconMarkerYellow.mozPrintImage = "img/dot_marker_yellow.png";

// Languages variables
var _l=[],_r=[];
// Languages
_l[0]=new Language("en","ltr");
_l[1]=new Language("ar","rtl");
_l[2]=new Language("ca","ltr");
_l[3]=new Language("de","ltr");
_l[4]=new Language("es","ltr");
_l[5]=new Language("eu","ltr");
_l[6]=new Language("fr","ltr");
_l[7]=new Language("gl","ltr");
_l[8]=new Language("it","ltr");
_l[9]=new Language("ja","ltr");
_l[10]=new Language("ko","ltr");
_l[11]=new Language("pt","ltr");
_l[12]=new Language("ru","ltr");
_l[13]=new Language("zh-cn","ltr");
_l[14]=new Language("zh-tw","ltr");

// Global variables
var _hld=_l[0],_hl=_l[0];
var _sc="";
var _saddr="", _daddr="", _sr="";
var _kml="";
var _fit=_defaultFit;
var _streetViewFlag=_defaultStreetViewFlag;
var _lat=_defaultLat;
var _lng=_defaultLng;
var _pinSet=false;
var _pinLat=_defaultLat;
var _pinLng=_defaultLng;
var _v=G_NORMAL_MAP;
var _z=_defaultZoom;
var _zoomSet=false;
var _piw=_piwNone;

// Parameters
var _phl="hl";
var _psc="sc";
var _psaddr="saddr", _pdaddr="daddr", _psr="sr";
var _pkml="kml";
var _pfit="fit";
var _psv="sv";
var _pll="ll";
var _ppin="pin";
var _ppiw="piw";
var _pv="v";
var _pz="z";

// Default resources (en)
_r[0]="&#946;1.29";
_r[1]="&copy;&nbsp;2008 Pentasoft&nbsp;";
_r[13]="Search";
_r[32]="Address";
_r[41]="Coming soon.";
_r[58]="Route";
_r[59]="Coordinates";
_r[60]="Drag to change route";
_r[61]="Drive:";
_r[62]="Map";
_r[63]="Next";
_r[64]="Previous";
_r[65]="Fill out the <strong>From:</strong> and <strong>To:</strong> address fields and click the calculate button.<br><br>Try the following examples:<br>";
_r[66]="Postal addresses";
_r[67]="Postal codes";
_r[68]="Countries";
_r[69]="Latitude and longitude";
_r[70]="Mixed address formats";
_r[71]="We couldn&#39;t understand the locations to calculate the route.<br><ul><li>Make sure all names are spelled correctly</li><li>Try adding a country, city or postal code</li><li>Try to separate names with commas</li></ul>";
_r[72]="Calculate";
_r[73]="Latitude:";
_r[74]="Longitude:";
_r[75]="From:";
_r[76]="To:";
_r[77]="Calculating ...";
_r[78]="Print";
_r[79]="20, Fleet St, London, UK";
_r[80]="5, Adelaide St, Hull, UK";
_r[81]="BS1 6, Bristol";
_r[82]="L3 3, Liverpool";
_r[83]="UK";
_r[84]="Germany";
_r[85]="51.784416, -1.276731";
_r[86]="50.931326, -1.383044";
_r[87]="53.794187, -1.543182";
_r[88]="Cambridge, UK";
_r[89]="Improved";
_r[90]="Street view";
_r[91]="Get directions";
_r[92]="To here";
_r[93]="From here";
_r[94]="Start address";
_r[95]="End address";
_r[96]="Search nearby";
_r[97]="Example: hotel";
_r[98]="Drag to change the address";
_r[99]="Full screen";
_r[100]="No street view data available for this address.";
_r[101]="Drag me or click on a blue outlined street.";
_r[102]="Global coverage";
_r[103]="Flash Player not found in your system.";
_r[104]="Install Flash Player";

// Global functions
function getLanguage(id){for (var i=0;i<_l.length;i++){if(id==_l[i].id){return _l[i];}}return _l[0];}
function languageExists(id){for (var i=0;i<_l.length;i++){if(id==_l[i].id){return true;}}return false;}
function getAlign(){if (_hl.dir!="ltr"){return "right";}return "left";}
function getUrlPrs(p){p=p.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS="[\\?&]"+p+"=([^&#]*)";var regex=new RegExp(regexS);var rs=regex.exec(window.location.href);if(rs==null)return "";else{rs[1]=rs[1].replace(/\+/g," ");return rs[1];}}
function isFirefox(){if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){return true;}return false;}
function isExplorer(){if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){return true;}return false;}
function isOpera(){if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){return true;}return false;}
function isSafari(){if (/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)){return true;}return false;}

function setHomeLanguage(hlCode)
{
    // Verify home language parameter
    if(hlCode.length>1)
    {
        // Lowercase the full code
        hlCode=hlCode.toLowerCase();
        // Try to find supplied code in valid accepted languages. If accepted, assign it
        if(languageExists(hlCode)){_hl=getLanguage(hlCode);}    
        else
        {
            // As full code don't found try with short language code from two first characters lower case
            hlCode=hlCode.substring(0,2).toLowerCase();
            // If home language is in accepted languages, assign it
            if(languageExists(hlCode)){_hl=getLanguage(hlCode);}    
        } 
    }
}

function updateHomeLanguage()
{
    // Local variables
    var hl,bl,lang=[];
    // Get url home language parameter
    hl=getUrlPrs(_phl);
    // Verify home language parameter
    if(hl.length>1){setHomeLanguage(hl);}
    else{bl=(navigator.language||navigator.browserLanguage);setHomeLanguage(bl);}
    // Build script include. Atttention to script splitting necessary to avoid browser error
    if(_hl.id!=_hld.id){lang.push("<scr"+"ipt src=\"hl/");lang.push(_hl.id);lang.push("/");lang.push(_hl.id);lang.push(".js\" type=\"text/javascript\"></scr"+"ipt>");}
    // Issue include to page
    document.write(lang.join(""));
}

function readParameters()
{
    // Coordinates parameter
    readCoordinatesParameter();
    // Route parameters
    readRouteParameter();
    // Kml parameter
    readKmlParameter();
    // LatLng parameter
    readLatLngParameter();
    // Pin parameter
    readPinParameter();
    // Pin InfoWindow parameter
    readPinInfoWindowParameter();
    // View parameter
    readViewParameter();
    // Zoom parameter
    readZoomParameter();
    // StreetView parameter
    readStreetViewParameter();
    
}

function readCoordinatesParameter()
{
    // Local variables
    var sc;
    // Initialize default values
    _sc="";
    // Get url show coordinates
    sc=getUrlPrs(_psc);
    // Decoded show parameter
    try {_sc=decodeURIComponent(sc);}catch(e){_sc=sc}
}

function readRouteParameter()
{
    // Local variables
    var sr;
    var saddr;
    var daddr;
    // Initialize default values
    _sr="";
    _saddr="";
    _daddr="";
    // Get url show route, start address and end address parameter
    sr=getUrlPrs(_psr);
    saddr=getUrlPrs(_psaddr);
    daddr=getUrlPrs(_pdaddr);
    // Decoded show, start and destination address
    try {_sr=decodeURIComponent(sr);}catch(e){_sr=sr}
    try {_saddr=decodeURIComponent(saddr);}catch(e){_saddr=saddr}
    try {_daddr=decodeURIComponent(daddr);}catch(e){_daddr=daddr}
}

function readKmlParameter()
{
    // Local variables
    var kml,fit;
    // Initialize default values
    _kml="";
    _fit=_defaultFit;
    // Get url kml file parameter
    kml=getUrlPrs(_pkml);
    // Decoded kml parameter
    try {_kml=decodeURIComponent(kml);}catch(e){_kml=kml}
    // Get url kml fit parameter
    fit=getUrlPrs(_pfit);
    // Depending on value
    switch(fit)
    {
        case "0": _fit=fit; break;
        case "1": _fit=fit; break;
        default:_fit=_defaultFit;break;
    }
}

function readLatLngParameter()
{
    // Local variables
    var ll,llp=[];
    // Initialize default values
    _lat=_defaultLat;
    _lng=_defaultLng;
    // Get lat lng parameters, on error, set default
    try
    {
        // Get url Lat Lng parameter (format: latitude(40.4334),longitude(-3.6359))
        ll=getUrlPrs(_pll);
        // Verify parameter
        if(ll.length > 2)
        {
            // Split lat lng parameters
            llp = ll.split(",");
            if (llp.length!=2){return;}
            // Get latitude and longitude
            _lat=parseFloat(llp[0]);
            _lng=parseFloat(llp[1]);
            // Verify values
            if (isNaN(_lat)){_lat=_defaultLat;}
            if (isNaN(_lng)){_lng=_defaultLng;}
        }
    }
    catch(e){} 
}

function readPinParameter()
{
    // Local variables
    var pin,pinp=[];
    // Initialize default values
    _pinLat=_defaultLat;
    _pinLng=_defaultLng;
    // Get pin parameters, on error, set default
    try
    {
        // Get url pin parameter (format: pin latitude(40.4334), pin longitude(-3.6359))
        pin=getUrlPrs(_ppin);
        // Verify parameter
        if(pin.length > 2)
        {
            // Set global flag
            _pinSet=true;
            // Split pin lat lng parameters
            pinp = pin.split(",");
            if (pinp.length!=2){return;}
            // Get latitude and longitude of the pin
            _pinLat=parseFloat(pinp[0]);
            _pinLng=parseFloat(pinp[1]);
            // Verify values
            if (isNaN(_pinLat)){_pinLat=_defaultLat;}
            if (isNaN(_pinLng)){_pinLng=_defaultLng;}
        }
    }
    catch(e){} 
}

function readPinInfoWindowParameter()
{
    // Local variables
    var piw;
    // Initialize default values
    _piw=_piwNone;
    // Get pin infowindow parameter, on error, set default
    try
    {
        // Get pin infovindow parameter
        piw=getUrlPrs(_ppiw);
        // Depending on value
        switch(piw)
        {
            case _piwNone:
            case _piwAddress:
            case _piwStreetView: _piw=piw; break;
            default: _piw=_piwNone ; break;
        }
    }
    catch(e){} 
}

function readViewParameter()
{
    // Local variables
    var v;
    // Initialize default values
    _v=G_NORMAL_MAP;
    // Get view parameter, on error, set default
    try
    {
        // Get view parameter (values: b=bird's view; r=road; a=aerial;)
        v=getUrlPrs(_pv).toLowerCase();
        // Depending on value
        switch(v)
        {
            case _birdView: _v=G_SATELLITE_MAP; break;
            case _roadView: _v=G_NORMAL_MAP; break;
            case _aerialView: _v=G_HYBRID_MAP; break;
            case _terrainView: _v=G_PHYSICAL_MAP; break;
            case _spatialView: _v=G_SATELLITE_3D_MAP; break;
            default:_v=G_NORMAL_MAP;break;
        }
    }
    catch(e){} 
}

function readZoomParameter()
{
    // Local variables
    var z;
    // Initialize default values
    _z=_defaultZoom;
    // Get zoom parameter, on error, set default
    try
    {
        // Get view parameter 
        z=getUrlPrs(_pz);
        // If z supplied, set flag
        if (z){ _zoomSet=true; }
        // Try to convert to number and set value
        _z=parseFloat(z);
        // Validate value
        if (isNaN(_z)){_z=_defaultZoom;}
    }
    catch(e){}
}

function readStreetViewParameter()
{
    // Local variables
    var streetViewFlag;
    // Initialize default values
    _streetViewFlag=_defaultStreetViewFlag;
    // Get zoom parameter, on error, set default
    try
    {
        // Get street view show parameter
        streetViewFlag=getUrlPrs(_psv);
        // Depending on value
        switch(streetViewFlag)
        {
            case "0": _streetViewFlag=streetViewFlag; break;
            case "1": _streetViewFlag=streetViewFlag; break;
            default:_streetViewFlag=_defaultStreetViewFlag;break;
        }
    }
    catch(e){}
}

// Apply parameters
function applyParameters()
{
    // Add coordinate to map
    addCoordinates();
    // Add route to map
    addRoute();
    // Add pin to map
    addPin();
    // Add pin infowindow
    addPinInfoWindow();
    // Add kml overfile from kml file if any
    addKml();
    // Add street view
    addStreetView();
}

function addCoordinates()
{ 
    // Verify if any coordinate url available
    if(_sc=="1")
    {
		// Load and show coordinate interface
		toggleCoordinates(true);
    }
}

function addRoute()
{ 
    // Verify if any address url available
    if(_sr=="1")
    {
		// Load and show route interface
		toggleRoute(true);
		// Update route fields
		document.form_route.input_from.value = _saddr;
		document.form_route.input_to.value = _daddr;
        // Calculate directions
        getDirections();
    }
}

function addPin()
{
    // If parameter supplied set pin
    if (_pinSet)
    {
        // Create pin marker
        addPinMarker();
    }
}

function addPinMarker()
{
    try
    {
        // Initialize pin and marker associated
        _pinMarker = new GMarker(new GLatLng(_pinLat, _pinLng), {icon:_iconPin, draggable:true, bouncy:true} );
        _pinMarker.tooltip = _r[98];
        // Show pin with marker
        _map.addOverlay(_pinMarker);
        // Attach listeners to marker
        GEvent.addListener(_pinMarker, 'click', function(){ showPinData(); });
        GEvent.addListener(_pinMarker, 'dragstart', function(){ hideMapTooltip(); _map.closeInfoWindow(); });
        GEvent.addListener(_pinMarker, 'dragend', function(){ showPinData(); });
        GEvent.addListener(_pinMarker,"mouseover", function(){showMapTooltip(_pinMarker);});        
        GEvent.addListener(_pinMarker,"mouseout", function(){hideMapTooltip();});
    }
    catch(e){}
}

function addPinInfoWindow()
{
    // If parameter supplied set pin
    if (_pinSet)
    {
        // Show infowindow for pin depending on value
        switch(_piw)
        {
            case _piwAddress:
            case _piwStreetView: showPinData(); break;
        }
    }
}

function addKml()
{ 
    var geoXml;
    // Verify if any kml url available
    if(_kml.length>1)
    {
        geoXml = new GGeoXml(_kml, 
        function(){ if (geoXml.loadedCorrectly()){ if (_fit==_defaultFit){ geoXml.gotoDefaultViewport(_map); } } }); 
        _map.addOverlay(geoXml);
    }
}

function addStreetView()
{ 
    // Verify if street view visible
    if(_streetViewFlag=="1")
    {
		// Show street view layer
		toggleStreetView(true);
    }
}

// Initialize map object
function initMap() 
{
    try
    { 
        if (GBrowserIsCompatible())
        {
            // Create map
            _mapDiv = document.getElementById("div_map");
            // Read parameters and apply them to the map
            readParameters();
            // Create map and set parameters
            _map = new GMap2(_mapDiv); 
            _map.getInfoWindow();
            // Set map properties
            _map.enableDoubleClickZoom(); 
            _map.enableContinuousZoom(); 
            _map.enableScrollWheelZoom();
            // Create controls and listeners
            _largeMap = new GLargeMapControl(); 
            _overviewMap = new GOverviewMapControl(new GSize(200,150));
            _streetView = new GStreetviewOverlay();
            _geocoder = new GClientGeocoder(); 
            GEvent.addListener(_map, 'click', function(overlay, latlng){ mapClicked(overlay, latlng); });
            GEvent.addListener(_map, 'infowindowbeforeclose', function(){ updateSelectedTab(); });
            // Create default coordinates object
            _latLng = new GLatLng(_lat, _lng); 
            // Set map type and center
            _map.setCenter(_latLng, _z, _v); 
            // Add controls for 3D cartography
            _map.addMapType(G_SATELLITE_3D_MAP);
            // Enable keyboard control
            new GKeyboardHandler(_map);
            // Apply parameters to the map
            applyParameters();
            // Create map tooltip
            setMapTooltip();
            // Resize page content and initialize status
            resizePage();
            toggleZoomMap(true);
            toggleOverviewMap(false);
        } 
    }
    catch(e) { _mapDiv.innerHTML = _r[41]; } 
}

function setMapTooltip()
{
    try
    {
        _mapTooltip = document.createElement("div");
        _mapTooltip.className = 'map_tooltip';
        _mapDiv.appendChild(_mapTooltip);
        hideMapTooltip();
    }
    catch(e){}
}

function showMapTooltip(marker)
{
    try
    {
      	// Get current marker tooltip
      	_mapTooltip.innerHTML = marker.tooltip;
	    // Get current point and anchor position
	    var point = _map.getCurrentMapType().getProjection().fromLatLngToPixel(_map.getBounds().getSouthWest(), _map.getZoom());
	    var offset = _map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(), _map.getZoom());
	    var anchor = marker.getIcon().iconAnchor;
	    var width = marker.getIcon().iconSize.width;
	    var position = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width, - offset.y + point.y + anchor.y)); 
	    position.apply(_mapTooltip);
	    _mapTooltip.style.display = '';
    }
    catch(e){}
}

function hideMapTooltip()
{
    try
    {
        _mapTooltip.style.display = 'none';
    }
    catch(e){}
}

function showPinData()
{
    try
    {
	    // Initialize variables
        var latLng = _pinMarker.getLatLng();
        var coordinates = latLng.lat().toFixed(6).toString() + ',' + latLng.lng().toFixed(6).toString();
	    var streetUrl = "gstreet?hl={0}&ll={1}";
        streetUrl = streetUrl.replace("{0}",_hl.id);
        streetUrl = streetUrl.replace("{1}", coordinates);
        var coverageUrl = "gmap?hl={0}&ll={1}&z=2&sv=1";
        coverageUrl = coverageUrl.replace("{0}", _hl.id);
        coverageUrl = coverageUrl.replace("{1}", "0,0");
        htmlAddress = [];
        htmlStreetView = [];
	    // Pin address infowindow
	    htmlAddress.push('<div class=window_pin_address>');
            
            // Pin address
            htmlAddress.push('<div class=window_pin_section>');
                htmlAddress.push('<table cellpadding=5 cellspacing=0>');
                    htmlAddress.push('<tr valign=top>');
                        htmlAddress.push('<td width=100%>');
                            htmlAddress.push('<span class=span_pin_caption>' + _r[32] + ':</span><br>');
                            htmlAddress.push('<span id=span_pin_address class=span_pin_data><br></span>');
                        htmlAddress.push('</td>');
                    htmlAddress.push('</tr>');
                htmlAddress.push('</table>');
            htmlAddress.push('</div>');

            // Pin coordinates
            htmlAddress.push('<div class=window_pin_section>');
                htmlAddress.push('<table cellpadding=5 cellspacing=0>');
                    htmlAddress.push('<tr valign=top>');
                        htmlAddress.push('<td width=100%>');
                            htmlAddress.push('<span class=span_pin_caption>' + _r[59] + ':</span><br>');
                            htmlAddress.push('<span id=span_pin_coordinates class=span_pin_data><br></span><br>');
                            htmlAddress.push('<span id=span_pin_coordinates_dms class=span_pin_data>&nbsp;</span>');
                        htmlAddress.push('</td>');
                    htmlAddress.push('</tr>');
                htmlAddress.push('</table>');
            htmlAddress.push('</div>');

            // Separator
            htmlAddress.push('<hr class=hr_pin_separator>');

	        // Pin route infowindow
            htmlAddress.push('<div class=window_pin_section>');
                htmlAddress.push('<table cellpadding=5 cellspacing=0>');
                    htmlAddress.push('<tr valign=top>');
                        htmlAddress.push('<td width=100%>');
                            htmlAddress.push('<span class=span_pin_caption>' + _r[91] + ':</span>');
                            htmlAddress.push('<span class=span_pin_separator>&#8226;&#8226;</span>');
                            htmlAddress.push('<span id=span_pin_directions_to_here class=span_pin_option_selected onclick=showDirectionsForm("To") >' + _r[92] + '</span>');
                            htmlAddress.push('<span class=span_pin_data>&#32;&#8226;&#32;</span>');
                            htmlAddress.push('<span id=span_pin_directions_from_here class=span_pin_option onclick=showDirectionsForm("From") >' + _r[93] + '</span><br>');
                            htmlAddress.push('<div id=div_pin_route class=div_pin_directions >');
                                htmlAddress.push('<span id=span_pin_route_caption class=span_pin_data_small>' + _r[94] + '</span><br>');
                                htmlAddress.push('<form name="form_pin_address" class=form_pin_route >');
                                    htmlAddress.push('<table cellpadding=0 cellspacing=0>');
                                        htmlAddress.push('<tr>');
                                            htmlAddress.push('<td><input name="saddr" maxlength=2048 size=35 /></td>');
                                            htmlAddress.push('<td><input name="daddr" maxlength=2048 size=35 style="display:none;" /></td>');
                                            htmlAddress.push('<td><input type="submit" value="' + _r[72] + '" /></td>');
                                            htmlAddress.push('<td><input type="hidden" name="hl" value="' + _hl.id + '" /></td>');
                                            htmlAddress.push('<td><input type="hidden" name="sr" value="1" /></td>');
                                        htmlAddress.push('</tr>');
                                    htmlAddress.push('</table>');
                                htmlAddress.push('</form>');
                            htmlAddress.push('</div>');
                        htmlAddress.push('</td>');
                    htmlAddress.push('</tr>');
                htmlAddress.push('</table>');
            htmlAddress.push('</div>');

	        // Pin search nearby infowindow
            htmlAddress.push('<div class=window_pin_section>');
                htmlAddress.push('<table cellpadding=5 cellspacing=0>');
                    htmlAddress.push('<tr valign=top>');
                        htmlAddress.push('<td width=100%>');
                            htmlAddress.push('<span class=span_pin_caption>' + _r[96] + ':</span><br>');
                            htmlAddress.push('<div id=div_pin_search_nearby class=div_pin_search_nearby >');
                                htmlAddress.push('<span class=span_pin_data_small>' + _r[97] + '</span><br>');
                                htmlAddress.push('<form method="get" action="address" class=form_pin_search_nearby >');
                                    htmlAddress.push('<table cellpadding=0 cellspacing=0>');
                                        htmlAddress.push('<tr>');
                                            htmlAddress.push('<td><input name="q" maxlength=2048 size=35 /></td>');
                                            htmlAddress.push('<td><input type="submit" value="' + _r[13] + '" /></td>');
                                            htmlAddress.push('<td><input type="hidden" name="hl" value="' + _hl.id + '" /></td>');
                                            htmlAddress.push('<td><input type="hidden" name="nt" id=input_pin_near_to value="" /></td>');
                                        htmlAddress.push('</tr>');
                                    htmlAddress.push('</table>');
                                htmlAddress.push('</form>');
                            htmlAddress.push('</div>');
                        htmlAddress.push('</td>');
                    htmlAddress.push('</tr>');
                htmlAddress.push('</table>');
            htmlAddress.push('</div>');
        
        // End of address container
        htmlAddress.push('</div>');        
	    
	    // Pin street view infowindow        
        htmlStreetView.push('<div class=window_pin_street_view>');
            // Street view toolbar
            htmlStreetView.push('<div class=window_pin_street_view_toolbar>');
                htmlStreetView.push('<table cellpadding=3 cellspacing=0>');
                    htmlStreetView.push('<tr>');
                        htmlStreetView.push('<td>');
                            htmlStreetView.push('<a class=a_pin_street_view_toolbar_item href=' + streetUrl + ' target=_blank>' + _r[99] + '</a>');
                        htmlStreetView.push('</td>');
                        htmlStreetView.push('<td>');
                            htmlStreetView.push('<span class=span_pin_data>&#8226;</span>');
                        htmlStreetView.push('</td>');
                        htmlStreetView.push('<td>');
                            htmlStreetView.push('<a class=a_pin_street_view_toolbar_item href=' + coverageUrl + ' target=_blank>' + _r[102] + '</a>');
                        htmlStreetView.push('</td>');
                        htmlStreetView.push('<td width=100%></td>');
                    htmlStreetView.push('</tr>');
                htmlStreetView.push('</table>');
            htmlStreetView.push('</div>');
            // Street view panorama
            htmlStreetView.push('<div id=div_street_view_panorama class=window_pin_street_view_panorama>');
            htmlStreetView.push('</div>');
        htmlStreetView.push('</div>');
    
        // Build info window with tabs
	    var tabAddress = new GInfoWindowTab(_r[32], htmlAddress.join(""));
	    var tabStreetView = new GInfoWindowTab(_r[90], htmlStreetView.join(""));
	    var windowTabs = [tabAddress, tabStreetView];
	    var pinSelectTab = 0;
        switch(_piw)
        {
            case _piwAddress: pinSelectTab=0; break;
            case _piwStreetView: pinSelectTab=1; break;
            default: pinSelectTab=0; break;
        }
	    // Close previous info window
	    _map.closeInfoWindow();
	    // Show infowindow for pin depending on value
	    _map.openInfoWindowTabsHtml(latLng, windowTabs, {pixelOffset:new GSize(0,-34), onOpenFn:updatePinData, selectedTab:pinSelectTab});
    }
    catch(e){}
}

function updatePinData()
{
    try
    {
        // Keep current pin coordinates
        var latLng = _pinMarker.getLatLng();
        var coordinates = latLng.lat().toFixed(6).toString() + ',' + latLng.lng().toFixed(6).toString();
        
        // Try to reverse geocode for the current marker lat lng
        _geocoder.getLocations(latLng, 
        function(addresses)
        {
            var result = addresses.Placemark[0];
            try {document.getElementById("span_pin_address").innerHTML = result.address;} catch(e){}
            try {document.getElementById("input_pin_near_to").value = result.address;} catch(e){}
        }
        );
        
        // Update lat and lng data
        document.getElementById("span_pin_coordinates").innerHTML = latLng.lat().toFixed(6).toString() + ",&nbsp;&nbsp;" + latLng.lng().toFixed(6).toString();
        document.getElementById("span_pin_coordinates_dms").innerHTML = coordinateToDms(latLng.lat(), 'lat') + ",&nbsp;&nbsp;" + coordinateToDms(latLng.lng(), 'lng');
        
        // Update saddr and daddr values
        document.form_pin_address.daddr.value = coordinates; 
        document.form_pin_address.saddr.value = ""; 
        
        // Show street view panorama
        var panorama = new GStreetviewPanorama(document.getElementById("div_street_view_panorama"));
        GEvent.addListener(panorama, "error", panoramaError);
        panorama.setLocationAndPOV(latLng);
    }
    catch(e){}
}

function panoramaError(code)
{
    try
    {
        // Initialize html to show
        htmlError = [];
        
        // Depending on error code
        switch(code)
        {
            // No panorama available
            case 600:
                // Build html error
                htmlError.push('<div class=div_pin_error>');
                    htmlError.push(_r[100]);
                    htmlError.push('<br>');
                    htmlError.push(_r[101]);
                htmlError.push('</div>');
                // Show street view layer if not visible
                if (_toolBar.getItem("street_view").getState()==0){ toggleStreetView(true); }
                break;
            
            // Flash not installed
            case 603:
                // Build install flash player url
                var flashPlayer = "<a class=a_pin_street_view_toolbar_item href=http://www.adobe.com/go/getflash/ target=_blank>{0}</a>";
                flashPlayer = flashPlayer.replace("{0}", _r[104]);
                // Build html error
                htmlError.push('<div class=div_pin_error>');
                    htmlError.push(_r[103]);
                    htmlError.push('<br>');
                    htmlError.push(flashPlayer);
                htmlError.push('</div>');
                break;
        }
        // Update street view panorama container
        document.getElementById("div_street_view_panorama").innerHTML = htmlError.join("");
    }
    catch(e){ document.getElementById("div_street_view_panorama").innerHTML = htmlError.join(""); }
}

function updateSelectedTab()
{
    try
    {
        switch(_map.getInfoWindow().getSelectedTab())
        {
            case 0: _piw =_piwAddress; break;
            case 1: _piw =_piwStreetView; break;
            default: _piw =_piwAddress; break;
        }
    }
    catch(e){}
}

function showDirectionsForm(type)
{
    try
    {
        // Get pinMarker coordinates
        var latLng = _pinMarker.getLatLng();
        var coordinates = latLng.lat().toFixed(6).toString() + ',' + latLng.lng().toFixed(6).toString();

        // Get controls references
        var spanToHere = document.getElementById("span_pin_directions_to_here");
        var spanFromHere = document.getElementById("span_pin_directions_from_here");
        var spanRouteCaption = document.getElementById("span_pin_route_caption");

        // Depending on type update properties
        switch(type.toUpperCase())
        {
            case "TO": 
                document.form_pin_address.saddr.style.display = "";
                document.form_pin_address.saddr.value = "";
                document.form_pin_address.daddr.style.display = "none";
                document.form_pin_address.daddr.value = coordinates;
                spanToHere.className = "span_pin_option_selected";
                spanFromHere.className = "span_pin_option";
                spanRouteCaption.innerHTML = _r[94];
                break;
            
            case "FROM":
                document.form_pin_address.saddr.style.display = "none";
                document.form_pin_address.saddr.value = coordinates;
                document.form_pin_address.daddr.style.display = "";
                document.form_pin_address.daddr.value = "";
                spanToHere.className = "span_pin_option";
                spanFromHere.className = "span_pin_option_selected";
                spanRouteCaption.innerHTML = _r[95];
                break;
        }
    }
    catch(e){}
}

function coordinateToDms(coordinate, type)
{
    try
    {
        // Initialize return value
        var coordinateDms = coordinate.toString();
        
        // degrees = degrees
        var coordinateValues = coordinateDms.split(".");
        var dmsDegree = coordinateValues[0];

        // * 60 = mins
        var coordinateDegreeRemainder = ("0." + coordinateValues[1]) * 60;
        var dmsMinuteValues = coordinateDegreeRemainder.toString().split(".");
        var dmsMinute = dmsMinuteValues[0];

        // * 60 again = secs
        var coordinateMinuteRemainder = ("0." + dmsMinuteValues[1]) * 60;
        var dmsSecond = coordinateMinuteRemainder;
        
        // Build latitude string
        var letter = "";
        switch (type.toUpperCase())
        {
            case "LAT":  
                letter = (dmsDegree.substr(0,1) == "-") ? 'S' :'N' 
                break;
            case "LNG": 
                letter = (dmsDegree.substr(0,1) == "-") ? 'W' :'E' 
                break;
        } 
        // Validate Equator and Greenwich
        if (isNaN(dmsDegree)){ dmsDegree = 0; }
        if (isNaN(dmsMinute)){ dmsMinute = 0; }
        if (isNaN(dmsSecond)){ dmsSecond = 0; }
        coordinateDms = dmsDegree.replace('-', '') + '&#176;&nbsp;' + dmsMinute + '&#39;&nbsp;' + dmsSecond.toFixed(4) + '&#34;&nbsp;' + letter ;
        return coordinateDms;
    }
    catch(e){ return coordinateDms; }
}
	
function mapClicked(overlay, latLng)
{
    try
    {
        // Verify that just map is clicked, not any other overlay
        if(latLng==undefined){ return; }
        // Try to remove previous pin marker
        try {_map.removeOverlay(_pinMarker);} catch(e){}
        // Update global pin coordinates
        _pinLat=latLng.lat();
        _pinLng=latLng.lng();
        // Add new pin marker
        addPinMarker();
        // Show new pin data on marker
        showPinData();
    }
    catch(e){}
}

// Menu and Toolbar
function setToolbarDefaultValues()
{
    try
    {
        // Initialize zoom control status
        _toolBar.getItem("zoom").setState("1");
    }
    catch(e){}
}

function handler(itemId, itemValue)
{ 
    try
    { 
        switch (itemId)
        {
            // Seekky Menu
            case "home": 
            case "about":
            case "terms":
            case "privacy":
            case "blog":
            case "video":
            case "suggestions": openUrl(itemId); break;
            // File Menu
            case "print": printMap(); break;
            // Edit Menu
            case "zoom_in": _map.setZoom(_map.getZoom()+1); break; 
            case "zoom_out": _map.setZoom(_map.getZoom()-1); break;
            // View Menu
            case "map_view": setMapView(itemValue); break; 
            case "zoom": toggleZoomMap(itemValue); break;
            case "overview": toggleOverviewMap(itemValue); break;
            case "street_view": toggleStreetView(itemValue); break;
            case "tools": toggleTools(itemValue); break;
        } 
    }
    catch(e){}
}

function routeHandler(itemId, itemValue)
{ 
    try
    { 
        switch (itemId)
        {
            case "print": printRouteDirections(); break;
            case "help": updateRouteHelp(); break;
        } 
    }
    catch(e){}
}

function openUrl(id)
{
    try
    { 
        // Initialize url variable
        var openUrl = "";
        // Depending on url id
        switch (id)
        {
            case "home": openUrl = "search?hl={0}"; openUrl = openUrl.replace("{0}", _hl.id); break;
            case "about": openUrl = "about"; if(_hl.id != _hld.id){ openUrl = "hl/{0}/about"; openUrl = openUrl.replace("{0}", _hl.id); } break;
            case "terms": openUrl = "terms"; if(_hl.id != _hld.id){ openUrl = "hl/{0}/terms"; openUrl = openUrl.replace("{0}", _hl.id); } break;
            case "privacy": openUrl = "privacy"; if(_hl.id != _hld.id){ openUrl = "hl/{0}/privacy"; openUrl = openUrl.replace("{0}", _hl.id); } break;
            case "blog": openUrl = "http://seekky.blogspot.com"; if(_hl.id != _hld.id){ openUrl = _r[44]; } break;
            case "video": openUrl = "http://www.youtube.com/seekkychannel"; break;
            case "suggestions": openUrl = "mailto:feedback@seekky.com"; break;
        }
        // If url supplied, open window
        if (openUrl.length > 0){ window.open(openUrl); } 
    }
    catch(e){}
}

function toggleZoomMap(itemValue)
{ 
    try
    { 
        if(itemValue==undefined){ itemValue = _toolBar.getItem("zoom").getState()==0?1:0; }
        if (itemValue){ _map.addControl(_largeMap); _toolBar.getItem("zoom").setState("1"); } 
        else { _map.removeControl(_largeMap); _toolBar.getItem("zoom").setState("0"); } 
    }
    catch(e){} 
}

function toggleOverviewMap(itemValue)
{ 
    try
    { 
        if(itemValue==undefined){ itemValue = _toolBar.getItem("overview").getState()==0?1:0; }
        if (itemValue)
        { 
            // Add overview map control and update toolbar
            _map.addControl(_overviewMap);
            _toolBar.getItem("overview").setState("1"); 
        } 
        else 
        { 
            // Remove overview map control and update toolbar
            _map.removeControl(_overviewMap);
            _toolBar.getItem("overview").setState("0"); 
        } 
    }
    catch(e){} 
}

function toggleStreetView(itemValue)
{ 
    try
    { 
        if(itemValue==undefined){ itemValue = _toolBar.getItem("street_view").getState()==0?1:0; }
        if (itemValue)
        { 
            // Add street view overlay and update toolbar
            _map.addOverlay(_streetView);
            _toolBar.getItem("street_view").setState("1"); 
        } 
        else 
        { 
            // Remove street view overlay and update toolbar
            _map.removeOverlay(_streetView);
            _toolBar.getItem("street_view").setState("0"); 
        } 
    }
    catch(e){} 
}

function toggleTools(itemValue)
{ 
    try
    { 
        // Get current map center to restore it later
        var mapCenter = _map.getCenter();
        // Verify parameter
        if(itemValue==undefined){ itemValue = _toolBar.getItem("tools").getState()==0?1:0; }
        if (itemValue)
        { 
            document.getElementById("div_tools").style.display = "";
            document.getElementById("div_map_container").style.width = "70%";
            _toolBar.getItem("tools").setState("1");
        } 
        else 
        { 
            document.getElementById("div_tools").style.display = "none";
            document.getElementById("div_map_container").style.width = "100%";
            _toolBar.getItem("tools").setState("0"); 
        } 
        // Resize page
        resizePage();
        // Restore center
        _map.setCenter(mapCenter);
    }
    catch(e){} 
}

function setMapView(viewId)
{ 
    try
    { 
        switch (viewId)
        { 
            case _birdView: _map.setMapType(G_SATELLITE_MAP); break;
            case _roadView: _map.setMapType(G_NORMAL_MAP); break;
            case _aerialView: _map.setMapType(G_HYBRID_MAP); break;
            case _terrainView: _map.setMapType(G_PHYSICAL_MAP); break;
            case _spatialView: _map.setMapType(G_SATELLITE_3D_MAP); break;
            default:_map.setMapType(G_NORMAL_MAP);break;
        }
    }
    catch(e){} 
}

// Calculating functions
function toggleCalculating(itemValue)
{
    try
    { 
        if(itemValue==undefined){ itemValue = false; }
        if (itemValue){ document.getElementById("div_calculating").style.display = ""; } 
        else { document.getElementById("div_calculating").style.display = "none"; } 
    }
    catch(e){} 
}

// Coordinates functions
function toggleCoordinates(itemValue)
{
    try
    { 
        // If no parameter specified, get current visible status
        if(itemValue==undefined){ itemValue = document.getElementById("div_coordinates").style.display == "none"; }
        // Depending on show action
        if (itemValue)
        {
            // If showing, ensure tools div visibility
            toggleTools(true);
            // Show div coordinates and set listeners
            divToggle("div_coordinates", true);
            imageToggle("img_coordinates_toggle", true);
            _coordinates_mousemove = GEvent.addListener(_map, "mousemove", function(point){ showCoordinates(point); }); 
        }
        else 
        { 
            // If hiding, hide and remove listener
            divToggle("div_coordinates", false);
            imageToggle("img_coordinates_toggle", false);
            GEvent.removeListener(_coordinates_mousemove);
        }
    }
    catch(e){} 
}

function showCoordinates(point)
{ 
    try
    { 
        document.getElementById("input_latitude").value=point.lat().toFixed(6); 
        document.getElementById("input_longitude").value=point.lng().toFixed(6); 
    }
    catch(e){} 
}


// Route functions
function toggleRoute(itemValue)
{
    try
    { 
        if(itemValue==undefined){ itemValue = document.getElementById("div_route").style.display == "none"; }
        if (itemValue)
        {
            toggleTools(true);
            divToggle("div_route", true);
            imageToggle("img_route_toggle", true);
            initializeDirections();
            _route_load = GEvent.addListener(_directions, "load", onDirectionsLoad);
		    _route_error = GEvent.addListener(_directions, "error", onDirectionsError);
            document.form_route.input_from.focus();
        }
        else 
        { 
            divToggle("div_route", false);
            imageToggle("img_route_toggle", false);
            GEvent.removeListener(_route_load);
            GEvent.removeListener(_route_error);
        }
    }
    catch(e){} 
}

function divToggle(id, itemValue)
{
    try { document.getElementById(id).style.display = itemValue ? "" : "none"; } catch(e){}
}

function imageToggle(id, itemValue)
{
    try { document.getElementById(id).src = itemValue ? "img/minus.gif" : "img/plus.gif"; } catch(e){}
}

function resizePage()
{
    try
    {
        var contentHeight = (document.body.clientHeight - _windowTop).toString() + 'px';
        document.getElementById("div_tools").style.height = contentHeight;
        document.getElementById("div_map_container").style.height = contentHeight;
        _map.checkResize();
    }
    catch(e){}
}

function initializeDirections()
{
    try
    {
        if (_directions == null){ _directions = new GDirections(); }
    }
    catch(e){}
}

function getDirections() 
{
    // Initialize route string
	var routeString;

	// If field empty, set focus
	if (!document.form_route.input_from.value){ document.form_route.input_from.focus(); return; }
	if (!document.form_route.input_to.value){ document.form_route.input_to.focus(); return; }
    // If both values supplied
	if (document.form_route.input_from.value && document.form_route.input_to.value) 
	{
		routeString = 'from:' + document.form_route.input_from.value;
		routeString += ' to:' + document.form_route.input_to.value;
	}
	if (routeString) 
	{
		toggleCalculating(true);
		_directions.load(routeString, {locale:_hl.id, getPolyline:true, getSteps:true});
		//updateLink();
	}
}

function onDirectionsLoad() 
{
    try
    {
        // Variable declaration
        var html=[];
        var numRoutes = _directions.getNumRoutes();

        // If no route available, exit
        if (numRoutes == 0){ toggleCalculating(false);return; }

        // Show route window to avoid errors and clear previous overlays and selections
        toggleRoute(true);
        _lastStepId=null;
        // Clear previous route overlays
        try {_map.removeOverlay(_polyline);} catch(e){};
        try {_map.removeOverlay(_startMarker);} catch(e){};
        try {_map.removeOverlay(_endMarker);} catch(e){};

        // Get route polyline and clear step polyline
        _polyline = _directions.getPolyline();
        _map.addOverlay(_polyline);
        _stepPolyline = null;

        // Initializa route variables
        var route = _directions.getRoute(0);
        var numSteps = route.getNumSteps();

        // Set start marker
        _startFullAddress = getFullAddress(_directions.getGeocode(0));
        _startMarker = new GMarker(route.getStep(0).getLatLng(),{icon:_iconStart, draggable:true, bouncy:true});
        _startMarker.inputField = document.getElementById("input_from");
        _startMarker.tooltip = _r[60];
        GEvent.addListener(_startMarker,'drag', markerDrag);
        GEvent.addListener(_startMarker,'dragend', getDirections);
        GEvent.addListener(_startMarker,'click', function(){showStep(0, 0, _stepStart);});
        GEvent.addListener(_startMarker,"mouseover", function(){showMapTooltip(_startMarker);});        
        GEvent.addListener(_startMarker,"mouseout", function(){hideMapTooltip();});        
        _map.addOverlay(_startMarker);

        // Set end marker
        _endFullAddress = getFullAddress(_directions.getGeocode(numRoutes));
        _endMarker = new GMarker(route.getEndLatLng(),{icon:_iconEnd, draggable:true, bouncy:true});
        _endMarker.inputField = document.getElementById("input_to");
        _endMarker.tooltip = _r[60];
        GEvent.addListener(_endMarker,'drag', markerDrag);
        GEvent.addListener(_endMarker,'dragend', getDirections);
        GEvent.addListener(_endMarker,'click', function(){showStep(0, numSteps-1, _stepEnd);});
        GEvent.addListener(_endMarker,"mouseover", function(){showMapTooltip(_endMarker);});        
        GEvent.addListener(_endMarker,"mouseout", function(){hideMapTooltip();});        
        _map.addOverlay(_endMarker);

        // Build route html
        html.push('<div>');
            // Start address
            html.push(getStartAddressRouteHtml(0));
            // Points address
            html.push(getPointAddressRouteHtml(0));
            // End address
            html.push(getEndAddressRouteHtml(0));
        html.push('</div>');
        
        // Update div content
        document.getElementById("div_directions").innerHTML = html.join("");
        // Show first route steps
        toggleSteps(0);
        // Center the map over the route bounds
        var bounds = _directions.getBounds();
        // Depending if zoom parameter supplied, adjust to bounds or set supplied zoom
        if (_zoomSet){ _map.setCenter(route.getStep(0).getLatLng(), _z); }
        else{ _map.setCenter(bounds.getCenter(_map), _map.getBoundsZoomLevel(bounds)-1); }
        // Clear progress window
        toggleCalculating(false);
	}
	catch(e)
	{
	    // Clear progress window on error
	    toggleCalculating(false);
	}
}

function getStartAddressRouteHtml(routeIndex)
{
    try
    {
        // Variable initialization
        var html=[];

        // Start address
        html.push('<div class=address_container>');
            html.push('<table cellspacing=0 cellpadding=0>');
                html.push('<tr class=address_selector id=' + _stepStart + '_0 onclick="showStep(0,0,_stepStart);">');
                    html.push('<td class=address_icon><img src=img/route_start.png></td>');
                    html.push('<td class=address>' + _startFullAddress + '</td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');

        // Return value
        return html.join("");
    }
    catch(e){}
}

function getEndAddressRouteHtml(routeIndex)
{
    try
    {
        // Variable initialization
        var html=[];
        var route = _directions.getRoute(routeIndex);
        var numSteps = route.getNumSteps()-1;

        // End address
        html.push('<div class=address_container>');
            html.push('<table cellspacing=0 cellpadding=0>');
                html.push('<tr class=address_selector id=' + _stepEnd + '_0 onclick="showStep(0,' + numSteps + ',_stepEnd);">');
                    html.push('<td class=address_icon><img src=img/route_end.png></td>');
                    html.push('<td class=address>' + _endFullAddress + '</td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');

        // Return value
        return html.join("");
    }
    catch(e){}
}

function getPointAddressRouteHtml(routeIndex)
{
    try
    {
        // Variable initialization
        var html=[];
        var route = _directions.getRoute(routeIndex);
        var numSteps = route.getNumSteps();

        // Points address
        html.push('<div class=steps_container>');
            // Step toggle
            html.push('<div class=step_container>');
                html.push('<table cellspacing=0 cellpadding=0>');
                    html.push('<tr class=step_toggle onclick="toggleSteps(0)">');
                        html.push('<td class=step_toggle_icon><img id=img_toggle_step_0 src="img/plus.gif"></td>');
                        html.push('<td class=step_drive>' + _r[61] + '</td>');
                        html.push('<td class=step_drive_distance align=right>' + route.getDistance().html + ' (' + route.getDuration().html +  ')</td>');
                    html.push('</tr>');
                html.push('</table>');
            html.push('</div>');
            // Step content
            html.push('<div class=step_container id=routeSteps_0 style="display:none;">');
                html.push('<table cellspacing=0 cellpadding=0>');
                    html.push('<tr>');
                        html.push('<td>');
                            html.push('<table cellspacing=0 cellpadding=3>');
                            for (var stepIndex=0; stepIndex<numSteps; stepIndex++) 
                            {
                                var step = route.getStep(stepIndex);
                                html.push('<tr class=step_line_selector id=' + _stepPoint + '_0_' + stepIndex + ' onclick="showStep(0,' + stepIndex + ',_stepPoint);" valign=top>');
                                    html.push('<td class=step_line align=right><span class=step_number>' + (stepIndex+1).toString() + '.</span></td>');
                                    html.push('<td class=step_line width=100%>' + step.getDescriptionHtml() + '</td>');
                                    html.push('<td class=step_line align=right><span class=step_distance>' + step.getDistance().html + '</span></td>');
                                html.push('</tr>');
                            }
                            html.push('</table>');
                        html.push('</td>');
                    html.push('</tr>');
                html.push('</table>');
            html.push('</div>');
        html.push('</div>');

        // Return value
        return html.join("");
    }
    catch(e){}
}

function onDirectionsError() 
{
    try
    {
	    // Remove calculating window
	    toggleCalculating(false);
        // Show error message with help
        updateErrorHelp();
        // Set focus to input from
        document.form_route.input_from.focus();
	}
	catch(e)
	{
	    // Remove calculating window
	    toggleCalculating(false);
	}
}

function markerDrag() 
{
	try{ this.inputField.value = this.getPoint().lat().toFixed(6) + ',' + this.getPoint().lng().toFixed(6); }catch(e){}
}

function copyPolyline(polyline) 
{
	try
	{
	    polylinePoints = Array();
	    for (var index=0; index<polyline.getVertexCount(); index++){ polylinePoints.push(polyline.getVertex(index)); }
	    var resultPolyline = new GPolyline(polylinePoints);
	    return resultPolyline;
	}
	catch(e){}
}

function toggleSteps(routeIndex) 
{
	try
	{
	    routeSteps = document.getElementById('routeSteps_' + routeIndex);
	    routeSteps.style.display = routeSteps.style.display == 'none' ? '' : 'none';
	    imageToggleSteps = document.getElementById('img_toggle_step_' + routeIndex);
	    imageToggleSteps.src = routeSteps.style.display == 'none' ? 'img/plus.gif' : 'img/minus.gif';
	}
	catch(e){}
}

function showStep(routeIndex, stepIndex, stepType) 
{
    try
    {
        // Initialize variables
	    var html = [];
	    var route = _directions.getRoute(routeIndex);
	    var step = route.getStep(stepIndex);
	    var numSteps = route.getNumSteps();
	    var iconMarker = _iconMarkerYellow;
	    var stepLatLng = step.getLatLng();

	    // Step infowindow
	    html.push('<div class=window_step_container>');
	        // Step container
	        html.push('<div class=window_step_box>');
                // Depending on step type
                switch(stepType)
                {
                    case _stepStart: 
                        html.push(getStartStepHtml(routeIndex)); 
                        iconMarker=_iconStart; 
                        stepLatLng = route.getStep(0).getLatLng();
                        break;
                    
                    case _stepEnd: 
                        html.push(getEndStepHtml(routeIndex)); 
                        iconMarker=_iconEnd;
                        stepLatLng = route.getEndLatLng();
                        break;
                        
                    case _stepPoint: 
                        html.push(getPointStepHtml(routeIndex, stepIndex)); 
                        break;
                }
                // Step map
                html.push('<div id=div_step_map class=window_step_map></div>');
            html.push('</div>');
        html.push('</div>');            
                
	    // Build info window with tabs
	    var tabMap = new GInfoWindowTab(_r[62], html.join(""));
	    var windowTabs = [tabMap];

	    // Close previous info window
	    _map.closeInfoWindow();
	    _map.openInfoWindowTabsHtml(stepLatLng, windowTabs, {pixelOffset:new GSize(0,-34)});

        // Step map for driving directions
	    var stepMapDiv = document.getElementById("div_step_map");
	    _stepMap = new GMap2(stepMapDiv);
        _stepMap.enableDoubleClickZoom(); 
        _stepMap.enableContinuousZoom(); 
        _stepMap.enableScrollWheelZoom();
        _stepMap.setCenter(stepLatLng, 15);
        _stepMap.addControl(new GSmallMapControl());
        _stepMap.addOverlay(new GMarker(stepLatLng,{icon:iconMarker}));
    	
	    // Verify is step polyline created previously
	    if (_stepPolyline==null){ _stepPolyline = copyPolyline(_polyline); }
	    _stepMap.addOverlay(_stepPolyline);

        // Remove map copyright
        removeMapRights("div_step_map");
    
        // Select current step
        selectStep(routeIndex, stepIndex, stepType);
	}
	catch(e){ }
}

function getStartStepHtml(routeIndex)
{
    try
    {
        // Variable initialization
        var html=[];
        
        // Step address
        html.push('<div class=window_step_address>');
            html.push('<table cellpadding=5 cellspacing=0>');
                html.push('<tr valign=top>');
                    html.push('<td><img src=img/route_start.png /></td>');
                    html.push('<td width=100%>' + _startFullAddress + '</td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Step toolbar
        html.push('<div class=window_step_toolbar>');
            html.push('<table cellpadding=3 cellspacing=0>');
                html.push('<tr>');
                    html.push('<td width=100%></td>');
                    html.push('<td class=window_step_next onclick="showStep(' + routeIndex + ',' + '0' + ',&#34;' + _stepPoint + '&#34;);">' + _r[63] + '</td>');
                    html.push('<td class=window_step_next onclick="showStep(' + routeIndex + ',' + '0' + ',&#34;' + _stepPoint + '&#34;);"><img src=img/next_step.png border=0 /></td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Return value
        return html.join("");
    }
    catch(e){}
}

function getEndStepHtml(routeIndex)
{
    try
    {
        // Variable initialization
        var html=[];
        var route = _directions.getRoute(routeIndex);
        var numSteps = route.getNumSteps();
        
        // Step address
        html.push('<div class=window_step_address>');
            html.push('<table cellpadding=5 cellspacing=0>');
                html.push('<tr valign=top>');
                    html.push('<td><img src=img/route_end.png /></td>');
                    html.push('<td width=100%>' + _endFullAddress + '</td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Step toolbar
        html.push('<div class=window_step_toolbar>');
            html.push('<table cellpadding=3 cellspacing=0>');
                html.push('<tr>');
                    html.push('<td class=window_step_previous onclick="showStep(' + routeIndex + ',' + (numSteps-1).toString() + ',&#34;' + _stepPoint + '&#34;);"><img src=img/previous_step.png border=0 /></td>');
                    html.push('<td class=window_step_previous onclick="showStep(' + routeIndex + ',' + (numSteps-1).toString() + ',&#34;' + _stepPoint + '&#34;);">' + _r[64] + '</td>');
                    html.push('<td width=100%></td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Return value
        return html.join("");
    }
    catch(e){}
}

function getPointStepHtml(routeIndex, stepIndex)
{
    try
    {
        // Variable initialization
        var html=[];
	    var route = _directions.getRoute(routeIndex);
	    var step = route.getStep(stepIndex);
	    var numSteps = route.getNumSteps();
	    var previousStepIndex = stepIndex-1;
	    var nextStepIndex = stepIndex+1;
	    var previousStepType = _stepPoint;
        var nextStepType = _stepPoint;
        
        // Validate first and last route points 
        if (stepIndex == 0){ previousStepIndex = 0; previousStepType = _stepStart; }
        if (stepIndex == numSteps-1){ nextStepIndex = stepIndex; nextStepType = _stepEnd; }
        
        // Step address
        html.push('<div class=window_step_address>');
            html.push('<table cellpadding=4 cellspacing=0>');
                html.push('<tr valign=top>');
                    html.push('<td><img src=img/dot_marker_yellow.png /></td>');
                    html.push('<td>' + (stepIndex+1).toString() + '.</td>');
                    html.push('<td width=100%>' + step.getDescriptionHtml() + '</td>');
                    html.push('<td align=right><span class=step_distance>' + step.getDistance().html + '</span></td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Step toolbar
        html.push('<div class=window_step_toolbar>');
            html.push('<table cellpadding=3 cellspacing=0>');
                html.push('<tr>');
                    html.push('<td class=window_step_previous onclick="showStep(' + routeIndex + ',' + previousStepIndex + ',&#34;' + previousStepType + '&#34;);"><img src=img/previous_step.png border=0 /></td>');
                    html.push('<td class=window_step_previous onclick="showStep(' + routeIndex + ',' + previousStepIndex + ',&#34;' + previousStepType + '&#34;);">' + _r[64] + '</td>');
                    html.push('<td width=100%></td>');
                    html.push('<td class=window_step_next onclick="showStep(' + routeIndex + ',' + nextStepIndex + ',&#34;' + nextStepType + '&#34;);">' + _r[63] + '</td>');
                    html.push('<td class=window_step_next onclick="showStep(' + routeIndex + ',' + nextStepIndex + ',&#34;' + nextStepType + '&#34;);"><img src=img/next_step.png border=0 /></td>');
                html.push('</tr>');
            html.push('</table>');
        html.push('</div>');
        
        // Return value
        return html.join("");
    }
    catch(e){}
}

function getFullAddress(geoCode)
{
    try
    {
        // Verify object supplied
        if (geoCode == null){ return ""; }
        // Variable initialization
        var fullAddress = "";
        var country = "";
        var state = "";
        var locality = "";
        var streetAddress = "";
        var zip = "";

        // Verify object availability and load variables
        try { country = geoCode.AddressDetails.Country.CountryNameCode; } catch(e){}
        try { state = geoCode.AddressDetails.Country.AdministrativeArea.AdministrativeAreaName; } catch(e){}
        try { locality = geoCode.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.LocalityName;  } catch(e){}
        try { streetAddress = geoCode.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.Thoroughfare.ThoroughfareName; } catch(e){}
        try { zip = geoCode.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.PostalCode.PostalCodeNumber; } catch(e){}
        // Build full address and return it
        if (streetAddress.length > 0){ fullAddress += streetAddress + "<br>"; }
        if (zip.length > 0){ fullAddress += zip + "&nbsp;&#8226;&nbsp;"; }
        if (locality.length > 0){ fullAddress += locality + "<br>"; }
        if (state.length > 0){ fullAddress += state + "&nbsp;&#8226;&nbsp;"; }
        if (country.length > 0){ fullAddress += country; }
        // Return full address
        if (fullAddress.length == 0){ return geoCode.address; }
        return fullAddress;
    }
    catch(e){}
}

function selectStep(routeIndex, stepIndex, type)
{
    try
    {
        // If any previous step selected, clear it
        if (_lastStepId != null){ try {document.getElementById(_lastStepId).style.backgroundColor = "#fff";} catch(e){} }
        // Initialize step id
        var stepId = "";
        // Depending on step type its id change
        switch(type)
        {
            case _stepPoint:
                // Build step id
                stepId = type + '_' + routeIndex + '_' + stepIndex;
                // Select step
                document.getElementById(stepId).style.backgroundColor = "#eee";
                // Update global variable with currently selected step
                _lastStepId = stepId;
                break;
        }
    }
    catch(e){}
}

function removeMapRights(mapDivId)
{
    try
    {
        var mapDiv = document.getElementById(mapDivId);
        var copyrightDiv = mapDiv.firstChild.nextSibling;
        var copyrightImg = mapDiv.firstChild.nextSibling.nextSibling;
        copyrightDiv.style.display = "none"; 
        copyrightImg.style.display = "none"; 
    }
    catch(e){}
}

function formRouteKeyDown(eventObject)
{
    try
    {
        // Get key code depending on browser
        var keyDownCode = (window.Event) ? eventObject.which : eventObject.keyCode;
        if (keyDownCode == 13) 
        { 
            getDirections();
            return false;
        }
        return true;
    }
    catch(e){}
}

function updateRouteHelp()
{
    try
    {
        // Div content assignment
        document.getElementById('div_directions').innerHTML = getRouteHelpHtml();
    }
    catch(e){}
}

function updateErrorHelp()
{
    try
    {
        // Variable declaration
        var htmlContent = "";
        var directionsDiv = document.getElementById('div_directions');
        
        // Fill html content variable
        htmlContent = getRouteErrorHtml();
        htmlContent += getRouteHelpHtml();
        // Assign html
        directionsDiv.innerHTML = htmlContent;
    }
    catch(e){}
}


function getRouteHelpHtml()
{
    try
    {
        // Variable declaration
        var html=[];
        var alignment=getAlign();
    
        // Build route help html
        html.push('<div class=container>');
            html.push('<div class=route_help_container align=' + alignment + ' >');
                html.push(_r[65]);
                html.push('<ul>');
                    html.push('<li class=route_help_example onclick="setRouteSample(0);">' + _r[66] + '</li>');
                    html.push('<li class=route_help_example onclick="setRouteSample(1);">' + _r[67] + '</li>');
                    html.push('<li class=route_help_example onclick="setRouteSample(2);">' + _r[68] + '</li>');
                    html.push('<li class=route_help_example onclick="setRouteSample(3);">' + _r[69] + '</li>');
                    html.push('<li class=route_help_example onclick="setRouteSample(4);">' + _r[70] + '</li>');
                html.push('</ul>');
            html.push('</div>');
        html.push('</div>');
        // Return value
        return html.join("");
    }
    catch(e){}
}

function getRouteErrorHtml()
{
    try
    {
        // Variable declaration
        var html=[];
        var alignment=getAlign();
    
        // Build route help html
        html.push('<div class=container align=' + alignment + '>');
            html.push('<div class=route_error_container>');
                html.push(_r[71]);
            html.push('</div>');
        html.push('</div>');
        // Return value
        return html.join("");
    }
    catch(e){}
}

function setRouteSample(sampleId)
{
    try
    {
        // Depending on sample id
        switch(sampleId)
        {
            case 0: document.form_route.input_from.value = _r[79]; document.form_route.input_to.value = _r[80]; break;
            case 1: document.form_route.input_from.value = _r[81]; document.form_route.input_to.value = _r[82]; break;
            case 2: document.form_route.input_from.value = _r[83]; document.form_route.input_to.value = _r[84]; break;
            case 3: document.form_route.input_from.value = _r[85]; document.form_route.input_to.value = _r[86]; break;
            case 4: document.form_route.input_from.value = _r[87]; document.form_route.input_to.value = _r[88]; break;
        }
        // Invoke get directions
        getDirections();        
    }
    catch(e){}
}

function printRouteDirections()
{
    try
    {
        // Initialize print url
        var printUrl = "gmap_d?hl={0}&saddr={1}&daddr={2}";
        printUrl = printUrl.replace("{0}",_hl.id);
        printUrl = printUrl.replace("{1}",encodeURIComponent(document.form_route.input_from.value));
        printUrl = printUrl.replace("{2}",encodeURIComponent(document.form_route.input_to.value));
        // Open print url in a new window
        window.open(printUrl);
    }
    catch(e){}
}

function printMap()
{
    try
    {
        // Initialize print url
        var printUrl = "gmap_m?hl={0}&ll={1}&z={2}&saddr={3}&daddr={4}";
        printUrl = printUrl.replace("{0}",_hl.id);
        printUrl = printUrl.replace("{1}",_map.getCenter().lat().toFixed(6).toString() + "," + _map.getCenter().lng().toFixed(6).toString());
        printUrl = printUrl.replace("{2}",_map.getZoom());
        printUrl = printUrl.replace("{3}",encodeURIComponent(document.form_route.input_from.value));
        printUrl = printUrl.replace("{4}",encodeURIComponent(document.form_route.input_to.value));
        // Open print url in a new window
        window.open(printUrl);
    }
    catch(e){}
}

function setContentLocalized()
{
    // Coordinates
    document.getElementById("span_coordinates_toggle").innerHTML = _r[59];
    // Route
    document.getElementById("span_route_toggle").innerHTML = _r[58];
    // Calculate button
    document.form_route.input_go.value = _r[72];
    // Latitude
    document.getElementById("span_latitude").innerHTML = _r[73];
    // Longitude
    document.getElementById("span_longitude").innerHTML = _r[74];
    // From
    document.getElementById("span_from").innerHTML = _r[75];
    // To
    document.getElementById("span_to").innerHTML = _r[76];
    // Calculating
    document.getElementById("span_calculating").innerHTML = _r[77];
}

// Update home language
updateHomeLanguage();
</script>
</head>
<!------------------------------------------------------------------------------------------------------------------------------------------------>
<!------------------------------------------------------------- Html start ----------------------------------------------------------------------->
<!------------------------------------------------------------------------------------------------------------------------------------------------>
<body onload="initMap()" onunload="GUnload()" onresize="resizePage()">
<!-- Content -->
<div style="width:100%; height:100%;">
    <table style="width:100%; height:100%;table-layout:fixed;" cellspacing="0" cellpadding="0">
        <tr height=26>
            <!-- Menu -->
            <td id=menu class=menu>
	            <script>
		            var menuXml = "xml/gmap_menu.xml";
		            if(_hl.id != _hld.id){ menuXml = "hl/{0}/xml/gmap_menu.xml"; menuXml = menuXml.replace("{0}", _hl.id); }
		            _menuBar=new dhtmlXMenuBarObject(document.getElementById('menu'),'100%',25,"Seekky");
		            _menuBar.setOnClickHandler(handler);
		            _menuBar.setGfxPath("img/");
		            _menuBar.loadXML(menuXml)
		            _menuBar.showBar();
	            </script>
            </td>
        </tr>
        <tr height=26>
            <!-- Toolbar -->
            <td id=toolbar class=toolbar>
	            <script>
		            var toolbarXml = "xml/gmap_toolbar.xml";
		            if(_hl.id != _hld.id){ toolbarXml = "hl/{0}/xml/gmap_toolbar.xml"; toolbarXml = toolbarXml.replace("{0}", _hl.id); }
		            _toolBar=new dhtmlXToolbarObject(document.getElementById('toolbar'),'100%',25,"Seekky");
		            _toolBar.setOnClickHandler(handler);
		            _toolBar.setOnLoadingEnd(setToolbarDefaultValues)
		            _toolBar.loadXML(toolbarXml)
		            _toolBar.showBar();
	            </script>
            </td>
        </tr>
        <!-- Content -->
        <tr>
            <td>
                <!-- Tools -->
                <div id=div_tools style="display:none; width:30%; height:100%; left:0px; position:absolute; overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:hidden;">

                    <!-- Coordinates tool -->
                    <div class=tools_box>
                        <!-- Coordinates toggle -->
                        <div id=div_coordinates_toggle class=tools_toggle onclick="toggleCoordinates();">
                            <img id=img_coordinates_toggle src=img/plus.gif><span id=span_coordinates_toggle class=span_tools_toggle>Coordinates</span>
                        </div>                    
                        <!-- Coordinates -->
                        <div id=div_coordinates style="display:none;">
                            <div class=container>
                                <div class=container>
                                    <table cellpadding=2 cellspacing=0>
                                        <tr>
                                            <td><span id=span_latitude class=span_coordinates_form>Latitude:</span></td>
                                            <td width=100%><input id=input_latitude class="input_coordinates_form" /></td>
                                        </tr>
                                        <tr>
                                            <td><span id=span_longitude class=span_coordinates_form>Longitude:</span></td>
                                            <td width=100%><input id=input_longitude class="input_coordinates_form" /></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Route tool -->
                    <div class=tools_box>
                        <!-- Route toggle -->
                        <div id=div_route_toggle class=tools_toggle onclick="toggleRoute();">
                            <img id=img_route_toggle src=img/plus.gif><span id=span_route_toggle class=span_tools_toggle>Route</span>
                        </div>                    
                        <!-- Route -->
                        <div id=div_route style="display:none;">
                            <!-- Toolbar -->
                            <div id=div_toolbar_route class=toolbar_route>
                                <script>
                                    var routeToolbarXml = "xml/gmap_route_toolbar.xml";
                                    if(_hl.id != _hld.id){ routeToolbarXml = "hl/{0}/xml/gmap_route_toolbar.xml"; routeToolbarXml = routeToolbarXml.replace("{0}", _hl.id); }
                                    _toolbarRoute=new dhtmlXToolbarObject(document.getElementById('div_toolbar_route'),'100%',25,_r[58]);
                                    _toolbarRoute.setOnClickHandler(routeHandler);
                                    _toolbarRoute.setOnLoadingEnd(setToolbarDefaultValues)
                                    _toolbarRoute.loadXML(routeToolbarXml)
                                    _toolbarRoute.showBar();
                                </script>
                            </div>
                            <!-- Route container -->
                            <div class=container>
                                <div id=div_from_to_container class=container>
                                    <!-- Form -->
                                    <form name=form_route class=form_route_container onkeydown="return formRouteKeyDown(event);">
                                        <div>
                                        <table cellpadding=2 cellspacing=0>
                                            <tr>
                                                <td><span id=span_from class=span_route_form>From:</span></td>
                                                <td style="width:100%;" ><input id=input_from style="width:100%;" /></td>
                                            </tr>
                                            <tr>
                                                <td><span id=span_to class=span_route_form>To:</span></td>
                                                <td style="width:100%;"><input id=input_to style="width:100%;" /></td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td width=100%><input type=button id=input_go value="Calculate" onclick="getDirections()" /></td>
                                            </tr>
                                        </table>
                                        </div>
                                    </form>
                                </div>
                                <div class=container>
                                    <div class=container>
                                        <div id=div_directions_container class=directions_container>
                                            <div id=div_directions></div>                    
                                        </div>
                                    </div>
                                </div>
                            </div>    
                        </div>
                    </div>
                </div>
                <!-- Map -->
                <div id=div_map_container style="width:100%; height:100%; position:relative; float:right; overflow:hidden;">
                    <div id=div_map style="width:100%; height:100%;"></div>
                </div>
            </td>
        </tr>
    </table>
</div>
<!-- Calculating -->
<div id=div_calculating style="display:none; position:absolute; top:2px; right:2px; background-color:#f00; padding-top:2px; padding-bottom:2px;">
    <span id=span_calculating style="color:#fff; font-family:arial; font-size:13px; padding-left:10px; padding-right:10px;">Calculating ...</span>        
</div>

<!------------------------------------------------------------------------------------------------------------------------------------------------>
<!------------------------------------------------------------------ Html end -------------------------------------------------------------------->
<!------------------------------------------------------------------------------------------------------------------------------------------------>
<!------------------------------ Javascript (after load) ------------------------------>
<script type="text/javascript">
// Update interface with localized resource array values just for languages different from default english
if(_hl.id!=_hld.id)
{
    // Body aligment
    if (_hl.dir!="ltr"){document.body.dir=_hl.dir;}
    // Set content localized
    setContentLocalized();
}
// Update other content
updateRouteHelp();
</script>

<!-----------------------------------------------   Google Analytics Tracking   ------------------------------------------------------------------->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript">_uacct="UA-3951547-1";urchinTracker();</script>
</body>
</html>