// Map Scripts to construct the locations
var map;
var trafficInfo;
var toggleState = 1;
var mapId;
// Latitude, Longitude coordinates
var lat;
var lon;

function initialize() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas_" + mapId));
        map.setCenter(new GLatLng(lat, lon), 10);
        //map.setUIToDefault();
                       
        var trafficOptions = { incidents: true };
        trafficInfo = new GTrafficOverlay(trafficOptions);
        map.addOverlay(trafficInfo);

        map.addControl(new ExtMapTypeControl({ showTraffic: true, showTrafficKey: true }));
        map.addControl(new GSmallMapControl());
       

    }
}
function createMarker(point, index) {
    // Create a lettered icon for this point using our icon class 
    var transitoIcon = new GIcon(G_DEFAULT_ICON);
    transitoIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";

    // Set up our GMarkerOptions object 
    markerOptions = { icon: transitoIcon };

    var marker = new GMarker(point, markerOptions);

    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(" <b>User Location</b>");
    });

    return marker;
}
function SetLatLong() {
    initialize();

    var point = new GLatLng(lat, lon);

    map.panTo(point);
    map.addOverlay(createMarker(point, 0));
}
function ShowMap(id, latitude, longitude) {
    mapId = id;
    lat = latitude;
    lon = longitude;
    
    $("#map_container_" + mapId).toggle('slow');

    SetLatLong();
}


// Traffic Map
function loadTrafficMap() {
    if (GBrowserIsCompatible()) {

        $("#trafficMapContainer").toggle('slow', function() {

            var tlat = 18.31878;
            var tlon = -66.036517;
            var map = new GMap2(document.getElementById("trafficMapContainer"));
            map.setCenter(new GLatLng(tlat, tlon), 10);

            var trafficOptions = { incidents: true };
            trafficInfo = new GTrafficOverlay(trafficOptions);
            map.addOverlay(trafficInfo);

            map.addControl(new ExtMapTypeControl({ showTraffic: true, showTrafficKey: true }));
            map.addControl(new GSmallMapControl());        
        
        });
    
        
        //var point = new GLatLng(tlat, tlon);
        //map.panTo(point);



    }
}