var map = null;
var geocoder = null;

function initialize() {    
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"), {
            size: new GSize(450,350)
        });
        map.setCenter(new GLatLng(48.703424,6.145402), 15);
        geocoder = new GClientGeocoder();
        map.setUIToDefault();

        var adresse = document.getElementById("coor_google_adresse").value;
        var cp = document.getElementById("coor_google_cp").value;
        var ville = document.getElementById("coor_google_ville").value;        
        showAddress(adresse, cp, ville);
    }
}
 
function showAddress(rue, cp, ville) {
    address = rue+" "+cp+" "+ville;
    var img = document.getElementById("coor_google_img").value;
    var lat = parseFloat(document.getElementById("coor_google_lat").value);
    var lng = parseFloat(document.getElementById("coor_google_lng").value)
    if (geocoder) {
        geocoder.getLatLng(
            address,
            function(point) {
                if (!point && lat != "" && lng != "") {
                    point = new GLatLng(lat, lng);
                }
                map.setCenter(point, 15);
                var marker = new GMarker(point);
                map.addOverlay(marker);
                marker.openInfoWindowHtml("<table><tr>"+
                    "<td>Sup-Formation<td></tr>"+
                    "<tr><td>"+rue+"</td></tr>"+
                    "<tr><td>"+cp+" "+ville+"</td></tr></table>"+
                    "<img src='img/img_contact/"+img+"' width='80' height='75' />");
                GEvent.addListener(marker,"click", function() {
                    var myHtml = "<table><tr>"+
                    "<td>Sup-Formation<td></tr>"+
                    "<tr><td>"+rue+"</td></tr>"+
                    "<tr><td>"+cp+" "+ville+"</td></tr></table>"+
                    "<img src='img/img_contact/"+img+"' width='80' height='75' />";
                    map.openInfoWindowHtml(point, myHtml);
                });
            }
            );
    }
}