var html = '';
// arrays to hold variants of the info window html with get direction forms open
var to_html = '';
var from_html = '';
var gmarkers;
var gdir;

var marca1;
var cargado=false;
var estilo_bocadillo = 'font-size: 10pt; font-family: verdana; lineheight: 120%;';
//<![CDATA[

function tohere() {
    gmarkers.openInfoWindowHtml(to_html);
}
function fromhere() {
    gmarkers.openInfoWindowHtml(from_html);
}
function getDirections() {
    // ==== Set up the walk and avoid highways options ====
    var opts = {};
    if (document.getElementById("walk").checked) {
        opts.travelMode = G_TRAVEL_MODE_WALKING;
    }
    if (document.getElementById("highways").checked) {
        opts.avoidHighways = true;
    }
    // ==== set the start and end locations ====
    var saddr = document.getElementById("saddr").value
    var daddr = document.getElementById("daddr").value
    gdir.load("from: "+saddr+" to: "+daddr, opts);

}

//función para cargar un mapa de Google.
//Esta función se llama cuando la página se ha terminado de cargar. Evento onload
function loadMapWdirections(nombreMapa,latitud,longitud,zoom,htmlBocadillo) {
    function createMarker(point,name,txt,lat,lon) {
        var marker = new GMarker(point);
        // The info window version with the "to here" form open
        to_html = txt + '<br>Como llegar: <b>Hasta aqui</b> - <a href="javascript:fromhere()">Desde aqui</a>' +
        '<br>Direccion de origen:<form action="javascript:getDirections()">' +
        '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
        '<INPUT value="Obtener ruta" TYPE="SUBMIT"><br>' +
        'Ir andando <input type="checkbox" name="walk" id="walk" /> &nbsp; Evitar autopistas <input type="checkbox" name="highways" id="highways" />' +
        '<input type="hidden" id="daddr" value="'+name+"@"+ lat + ',' + lon +
        '"/>';
        // The info window version with the "from here" form open
        from_html = txt + '<br>Como llegar: <a href="javascript:tohere()">Hasta aqui</a> - <b>Desde aqui</b>' +
        '<br>Direccion de destino:<form action="javascript:getDirections()">' +
        '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
        '<input value="Obtener ruta" TYPE="SUBMIT"><br>' +
        'Ir andando <input type="checkbox" name="walk" id="walk" /> &nbsp; Evitar autopistas <input type="checkbox" name="highways" id="highways" />' +
        '<input type="hidden" id="saddr" value="'+name+"@"+ lat + ',' + lon +
        '"/>';
        // The inactive version of the direction info
        txt = txt + '<br>Como llegar: <a href="javascript:tohere()">Hasta aqui</a> - <a href="javascript:fromhere()">Desde aqui</a>';

        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(txt);
        });
        // save the info we need to use later for the side_bar
        gmarkers = marker;
        html = txt;
        // add a line to the side_bar html
        return marker;
    }

    //comprobamos si el navegador es compatible con los mapas de google
    if (GBrowserIsCompatible()) {
        //instanciamos un mapa con GMap, pasándole una referencia a la capa o <div> donde queremos mostrar el mapa
        var map = new GMap2(document.getElementById(nombreMapa));
        //centramos el mapa en una latitud y longitud deseadas
        map.setCenter(new GLatLng(latitud,longitud), zoom);
        map.setMapType(G_NORMAL_MAP );
        //añadimos controles al mapa, para interacción con el usuario
        map.addControl(new GLargeMapControl());//añadimos el control para el manejo del mapa - zoom, posición, etc.
        map.addControl(new GMapTypeControl());//añadimos el control para cambiar el tipo del mapa (normal, satélite, híbrido)
        map.addControl(new GOverviewMapControl());//añadimos el control minimapa
        map.enableScrollWheelZoom();//Hacer zoom con la rueda

        gdir=new GDirections(map, document.getElementById("directions"));
        var reasons=[];
        reasons[G_GEO_SUCCESS]            = "Success";
        reasons[G_GEO_MISSING_ADDRESS]    = "Missing Address: The address was either missing or had no value.";
        reasons[G_GEO_UNKNOWN_ADDRESS]    = "Unknown Address:  No corresponding geographic location could be found for the specified address.";
        reasons[G_GEO_TOO_MANY_QUERIES]   = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
        reasons[G_GEO_SERVER_ERROR]       = "Server error: The geocoding request could not be successfully processed.";
        reasons[G_GEO_BAD_REQUEST]        = "A directions request could not be successfully parsed.";
        reasons[G_GEO_MISSING_QUERY]      = "No query was specified in the input.";
        reasons[G_GEO_UNKNOWN_DIRECTIONS] = "The GDirections object could not compute directions between the points.";

        // === catch Directions errors ===
        GEvent.addListener(gdir, "error", function() {
            var code = gdir.getStatus().code;
            var reason="Code "+code;
            if (reasons[code]) {
                reason = reasons[code]
            }
            alert("Failed to obtain directions, "+reason);
        });

        //creo la marca para la situación
        var point;
        point=new GLatLng(latitud,longitud);

        marca1 = createMarker(point,'marcadorGMAPS', htmlBocadillo, point.lat(), point.lng());//es el que se va a desplegar cuando haces click
        map.addOverlay(marca1);
        marca1.openInfoWindowHtml(html);
    }

    cargado=true;
}


function loadMap(nombreMapa,latitud,longitud,zoom,htmlBocadillo,enlaceTo,enlaceFrom) {

    function createMarker(point,name,txt,enlaceTo,enlaceFrom) {
        var marker = new GMarker(point);
        // The info window version with the "to here" form open
        to_html = txt;
        // The info window version with the "from here" form open
        from_html = txt;
        // The inactive version of the direction info
        txt = txt + '<br><a href="'+enlaceTo +'" target="_blank">Como llegar</a>';

        GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(txt);
        });
        // save the info we need to use later for the side_bar
        gmarkers = marker;
        html = txt;
        // add a line to the side_bar html
        return marker;
    }

    //comprobamos si el navegador es compatible con los mapas de google
    if (GBrowserIsCompatible()) {
        //instanciamos un mapa con GMap, pasándole una referencia a la capa o <div> donde queremos mostrar el mapa
        var map = new GMap2(document.getElementById(nombreMapa));
        //centramos el mapa en una latitud y longitud deseadas
        map.setCenter(new GLatLng(latitud,longitud), zoom);
        map.setMapType(G_NORMAL_MAP );
        //añadimos controles al mapa, para interacción con el usuario
        map.addControl(new GLargeMapControl());//añadimos el control para el manejo del mapa - zoom, posición, etc.
        map.addControl(new GMapTypeControl());//añadimos el control para cambiar el tipo del mapa (normal, satélite, híbrido)
        map.addControl(new GOverviewMapControl());//añadimos el control minimapa
        map.enableScrollWheelZoom();//Hacer zoom con la rueda

        //creo la marca para la situación
        var point;
        point=new GLatLng(latitud,longitud);
        marca1 = createMarker(point,'marcadorGMAPS', htmlBocadillo, enlaceTo, enlaceFrom);
        map.addOverlay(marca1);
        marca1.openInfoWindowHtml(html);
    }

    cargado=true;
}