var map;
function load() {
      if (GBrowserIsCompatible()) {
        if (document.getElementById("map") == null){
            return null;
        }
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());    
        map.enableDoubleClickZoom();
        var lat = 66.1700487;
        var lng = 29.1661262;
        map.setCenter(new GLatLng(lat, lng), 12);   
        
        var CamIcon = new GIcon(G_DEFAULT_ICON);
        CamIcon.image = "../images/marker.gif";
        CamIcon.iconSize = new GSize(20, 34);
                               // Set up our GMarkerOptions object
        markerOptionsCam = { icon:CamIcon};
                               
        var piste = new GLatLng(lat,lng);                             
                          
                                                      
        var html = "<input type='text' name'd_d' id='d_d' />Anna osoitteesi alle ja aukaise reittiopas  <input type='button' value='Avaa reittiopas' onclick='getDirections(document.getElementById(\"d_d\").value);' /><br>(esim. Isokatu 1, Oulu)";
        cam = nuppineula(piste,'' + html +'',markerOptionsCam);
        
        map.addOverlay(cam);   
        
//        GEvent.addListener(map,"click",function(overlay,point) {    
//                                       
//            alert(point.lat() + "   " + point.lng());
//            
//        });                    
      }
    }
    
    function getDirections(from){
    
     var directionsPanel;
        var directions;
    
       
        directionsPanel = document.getElementById("directions");
        directions = new GDirections(map, directionsPanel);     
        
        directions.load(from + " to 66.1700487,29.1661262");        
    }
    
    
function nuppineula(piste, teksti, ikoni){
    var neula = new GMarker(piste, ikoni);
//    GEvent.addListener(neula, "click", function(){
//    neula.openInfoWindowHtml(teksti);
//    });
    return neula;
};