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);

}


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">C&oacute;mo 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;
}