var map;
var latitud = 36.186161;
var longitud = -5.431956;
var zoom = 15;
var urlImagen = "http://desarrollo.asoluciones.com/d09/principiocreativo/images/web/marker.png";
var bocadillo = "<div style=\"background-color:#fff; font:90%; margin:0; padding:0\"><h4>Principio Creativo</h4><p>Ctra de la Térmica s/n, Edf. Azabache pl 1, oficina 17<br />Parque Tecnológico y Empresarial Las Marismas de Palmones<br />11.379 Los Barrios, Cádiz</p><p>Tlf.: 956 022 530<br />Fax: 956 022 529<br /><a title=\"contacte con Principio Creativo\" href=\"mailto:info@principiocreativo.com\">info@principiocreativo.com</a></p></div>";

function load() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("mapa"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(latitud, longitud), zoom);

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(30, 33);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        function createMarker(point) {
            var icon = new GIcon(baseIcon);
            icon.image = urlImagen;
            var marker = new GMarker(point, icon);
            GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(bocadillo);});
            return marker;
        }
        var point = new GLatLng(latitud, longitud);
        map.addOverlay(createMarker(point));
    }
}