google.load("maps", "2");

var map;
var gmap;
var latit = '-33.792935';
var longit = '151.053385';
var jsonData;


window.onload = load;
//window.onunload = GUnload;

function load () {
    map = document.getElementById("map");
    
    if (GBrowserIsCompatible()) {
        gmap = new GMap2(map);
        gmap.addControl( new GLargeMapControl() );
        gmap.addControl( new GMapTypeControl()) ;
        //gmap.addControl( new GOverviewMapControl(new GSize(100,100)) );
        gmap.setCenter( new GLatLng(latit,longit), 10 );
        GDownloadUrl("js/points.json", function(data, responseCode) { parseJson(data);}); 
    } 

    else {
     alert("Sorry, your browser cannot handle the true power of Google Maps");
    }
    
}

function createMarker(input) {
    var marker = new GMarker(input.point);
    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(formatWindow(input));
    });
    //renderMenuBody(input);
    return marker;
}

function parseJson (doc) {
    jsonData = eval("(" + doc + ")");
    for (var i = 0; i < jsonData.markers.length; i++) {
        var markerplus = createMarker(jsonData.markers[i]);
        gmap.addOverlay(markerplus);
    }
}

function formatWindow (input) {
    var html = "<div class=\"bubble\">";
    html += "<img src=\"images/BAM_logo_sm.gif\"><br />";
	html += "<b>" + input.branch + "</b><br />";
    html += input.add1 + "<br />";
    html += input.add2 + "<br />";
    html += input.add3 + "<br />";
    /* Some more formatting */
    html += "</div>";
    return html;
}

function flyto (lat,lon) {
    gmap.setCenter( new GLatLng(lat,lon), 15 );
}