var map;
var gdir;
var traducciones = new Array();
function load(){
    if(GBrowserIsCompatible()){
        var posPosada = new GLatLng(43.42262187604186,-6.811888217926025);
        var direccion;
        direccion = "<div id='popupMapa'>";
        direccion +=    '<strong>Hotel Rural La Solana</strong><br />Posada de Caballos 33720<br />BOAL (ASTURIAS)';
        direccion += "</div>";
        puntoIcon = new GIcon();
        puntoIcon.image = "/img/icon-gmarker.gif";
        puntoIcon.iconSize = new GSize(29,39);
        puntoIcon.iconAnchor = new GPoint(28,39);
        puntoIcon.infoWindowAnchor = new GPoint(8,10);
        map = new GMap2(document.getElementById("mapa"));
        map.addControl(new GScaleControl());
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(posPosada, 6);
        map.addOverlay(new GMarker(posPosada,puntoIcon));
        map.openInfoWindow(map.getCenter(),direccion);
   }
}

//ejecuta sobre el mapa el como llegar desde un punto a otro
function ejecutarComoLlegar(){
    var origen = document.getElementById('nombre').value;
    var destino = "43.42141404363623,-6.815493106842041";
    var cargando = document.getElementById('cargando');
    var div_resumen = "datos";
    var div_indicaciones = "indicaciones";
    
    function comoLlegarError(){
       if(origen.indexOf("Spain")==-1){ //si no encontramos resultados probamos a hacerlo con Spain detras
           origen = origen+", Spain";
           gdir.load("from: "+origen+" to: "+destino,{ "locale": "en"});
       }else{
           //quitamos la imagen de "cargando"
           var resumen = document.getElementById('div_resumen');
           if(resumen)
               resumen.innerHTML = "";
           alert('Starting point not found.');
       }
    }

    //ponemos una imagen de "cargando"
    var resumen = document.getElementById(div_resumen);
    if(cargando){
        cargando.innerHTML = "C A R G A N D O";
    }
    var indicaciones = document.getElementById(div_indicaciones);
    //borramos posibles resultados anteriores
    if(gdir)
       gdir.clear();
    var descripcionOrigen = origen;
    var descripcionDestino = "Posada La Solana";
    gdir = new GDirections(map);
    GEvent.addListener(gdir, "load", function(){
       comoLlegarRecibido(descripcionOrigen,descripcionDestino,div_resumen,div_indicaciones);
    });
    GEvent.addListener(gdir, "error", comoLlegarError);
    gdir.load("from: "+origen+" to: "+destino,{"locale": "en","getSteps": true});
}

//procesamiento al recibir el como llegar
function comoLlegarRecibido(origen,destino,div_resumen,div_indicaciones){
    //procesamiento al recibir el como llegar
    var cargando = document.getElementById('cargando');
    var resumen = document.getElementById(div_resumen);
    var indicaciones = document.getElementById(div_indicaciones);
    //rellenamos los datos del resumen de ruta
    if(resumen){
        if(resumen.style.display=='none')
            mostrarOcultar('datos');
        var html;
        html  = '<h3>Route Summary</h3>';
        html += "<p>Trip Distance: <strong>" + gdir.getDistance().html.toString() + "</strong></p>";
        html += "<p>Trip Duration: <strong>" + gdir.getDuration().html.toString() + "</strong><br /><br /></p>";
        html += "<p><a href='javascript:mostrarOcultar(\"indicaciones\");' >Hide trip instructions </a></p>";
        html += '<br /><h5>Trip Instructions</h5>';
        resumen.innerHTML = html;
    }
    if(cargando){
        cargando.innerHTML = "";
    }
    //rellenamos las indicaciones
    if(indicaciones){
       if(indicaciones.style.display=='none')
            mostrarOcultar('indicaciones');
       
       html = "<table class='indicaciones'>";
       html +=     "<tr class='extremoRuta'><td colspan='3'>Exit: "+origen.toUpperCase()+"</td></tr>";
       var n=1;
       for(var i=0;i<gdir.getNumRoutes();i++){
           var ruta = gdir.getRoute(i);
           for(var j=0;j<ruta.getNumSteps();j++){
               html += '<tr onclick="map.showMapBlowup(gdir.getRoute('+i+').getStep('+j+').getLatLng())" class="fila'+(n%2)+'">';
               html +=     "<td class='num'>";
               html +=         "<a href='javascript:void(0)'>"+n+"</a>";
               html +=     "</td>";
               html +=     "<td>";
               html +=         ruta.getStep(j).getDescriptionHtml();
               html +=     "</td>";
               html +=     "<td>";
               html +=         ruta.getStep(j).getDistance().html;
               html +=     "</td>";
               html += "</tr>";                   n++;
           }
       }
       html +=        "<tr class='extremoRuta'><td colspan='3'>Arrival: "+destino.toUpperCase()+"</td></tr>";
       html +=    "</table>";
       indicaciones.innerHTML = html;
    }
    map.zoomOut();
}