var city_id = parseFriendlyQS(window.location);
var map;
 
function SidebarLoad(){
    cargarCoordenadas(city_id);
}

// Seteo eventos de la página con validacion crossbrowser
if(window.attachEvent) window.attachEvent("onload", SidebarLoad);
else if(window.addEventListener) window.addEventListener("load", SidebarLoad, false);


window.onunload = function()
{
    if(map != null)
    GUnload();
}

//CARGO JSON DE LAS COORDENADAS DE UNA CIUDAD
function cargarCoordenadas(id){
    $Ajax(basepath+"controllers/userControls/LocationSidebar.aspx?method=GetMapLatLng&city_id=" + parseFriendlyQS(window.location + ''), {
    cache: false,
    onfinish: function(coord){
        lat = coord[0].lat;
        longit = coord[0].longit;
        load_Map(lat, longit);
    }, 
    tipoRespuesta:$tipo.JSON});
}

//Creo el Google Maps

    //Puedo agregar el zoom automático, el largo o el chico

    //map.addControl(new GLargeMapControl());

    //map.addControl(new GSmallMapControl());

 

    //Tipo de vista

    //map.setMapType(G_HYBRID_MAP);
    //map.setMapType(G_SATELLITE_MAP);
    //map.setMapType(G_NORMAL_MAP);
 

    //Agrego marca al mapa, puedo agregar una marca personalizada

    //var point = new GPoint(-87.4666667, 20.2166667);

    //var marker = new GMarker(point);

    //Deshabilito el dragueo

    //map.disableDragging();

 

    //Agrego título al mapa

    //map.openInfoWindow(map.getCenter(),document.createTextNode("Hola, Tulum !!"));

 

    //Agrego control para seleccionar el tipo: MAPA - SA

    //var mapTypeControl = new GMapTypeControl();    

    //var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(-10,-24));

    //map.addControl(mapTypeControl,topRight);

    //map.addControl(new GMapTypeControl());

 

    //Control de escala visible

    //map.addControl(new GScaleControl());

 

    //Overview del mapa con zoom, muy bueno, pero renderiza la imágen y 

    //necesita ancho de banda.

    //map.addControl(new GOverviewMapControl());
function load_Map(latitud, longitud) {

    if (GBrowserIsCompatible()) 
    { 
        map = new GMap2(document.getElementById("map")); 

        //Seteo la latitud y longitud del destino
        latitud = latitud.replace(',', '.');
        longitud = longitud.replace(',', '.');
        
        map.setCenter(new GLatLng(latitud, longitud), 6);
        map.addControl(new GSmallZoomControl());
        
        map.addControl(new GMapTypeControl());

        //Tipo de vista
        map.setMapType(G_HYBRID_MAP);

        var point = new GPoint(longitud, latitud);
        
        //Imagen Optativa de Marca
        var iconoMarca = new GIcon(G_DEFAULT_ICON); 
        iconoMarca.image = "../images/bandera-roja.png";
        var tamanoIcono = new GSize(17,17);
        iconoMarca.iconSize = tamanoIcono; 
        iconoMarca.iconAnchor = new GPoint(11, 16); 
        iconoMarca.shadow = "../images/sombra-bandera2.png";
        var tamanoSombra = new GSize(22,18);
        iconoMarca.shadowSize = tamanoSombra;
        iconoMarca.iconAnchor = new GPoint(11, 16);
        
        var marker = new GMarker(point, iconoMarca);

        map.addOverlay(marker);

         $('mtgt_unnamed_0').style.cursor = "default";
    }

}