//<![CDATA[
function load() {
  if (GBrowserIsCompatible()) {
    var map1 = new GMap2(document.getElementById("map1"));
    //map1.disableDragging();
    map1.setCenter(new GLatLng(60.167007,24.931325), 16);
    map1.addControl(new GSmallMapControl());
    map1.addControl(new GMapTypeControl());
    
    // Sisäänajoikonit
    var iconP = new GIcon(G_DEFAULT_ICON);
    iconP.image = "img/icon_p.png";
    iconP.iconSize = new GSize(20,20);
    iconP.shadowSize = new GSize(0,0);
    iconP.iconAnchor = new GPoint(10,10);
    markerOptionsP = { icon:iconP };
    // ylempi
    var latlngP = new GLatLng(60.16613,24.927549);
    map1.addOverlay(new GMarker(latlngP, markerOptionsP));

    // Jalankulut
    var iconW = new GIcon(G_DEFAULT_ICON);
    iconW.image = "img/icon_greenball.png";
    iconW.iconSize = new GSize(15,15);
    iconW.shadowSize = new GSize(0,0);
    iconW.iconAnchor = new GPoint(7,7);
    markerOptionsW = { icon:iconW };
    // kansakoulukuja
    var latlngW = new GLatLng(60.167646,24.933944);
    // fredrikinkatu
    var latlngW2 = new GLatLng(60.167144,24.932742);
    // eerikinkatu
    var latlngW3 = new GLatLng(60.167315,24.935725);
    // kampin keskus
    var latlngW4 = new GLatLng(60.169108,24.932463);
    map1.addOverlay(new GMarker(latlngW, markerOptionsW));
    //map1.addOverlay(new GMarker(latlngW2, markerOptionsW));
    map1.addOverlay(new GMarker(latlngW3, markerOptionsW));
    map1.addOverlay(new GMarker(latlngW4, markerOptionsW));

    // YLEMPÄÄN
    var kkeskuslansi = new GPolyline([
      new GLatLng(60.166675,24.929008),
      new GLatLng(60.166579,24.929717),
      new GLatLng(60.166488,24.929813),
      new GLatLng(60.1662,24.928987)
      ], "#ff0000", 4);
    var kkeskuslansinuoli = new GPolyline([
      // nuolen ylempi viiva (100 ylös, 200 taakse)
      new GLatLng(60.166389,24.928987),
      // sisään pisteeseen
      new GLatLng(60.1662,24.928987),
      // nuolen alempi viiva (100 alas, 200 taakse)
      new GLatLng(60.1662,24.929395)      
      ], "#ff0000", 4);
    map1.addOverlay(kkeskuslansi);
    map1.addOverlay(kkeskuslansinuoli);

    // alempaan    
    var porkkalankadulta = new GPolyline([
      new GLatLng(60.164881,24.928215),
      new GLatLng(60.165586,24.92726),
      new GLatLng(60.166013,24.927313)
    ], "#ff0000", 4);
    var porkkalannuoli = new GPolyline([
      new GLatLng(60.165879,24.927091),
      new GLatLng(60.166013,24.927313),
      new GLatLng(60.165879,24.927453)
    ], "#ff0000", 4);    
    var postikadulta = new GPolyline([
      new GLatLng(60.165917,24.928236),
      new GLatLng(60.165586,24.92726),
      new GLatLng(60.165303,24.926648)
    ], "#ff0000", 4);
    map1.addOverlay(porkkalankadulta);
    map1.addOverlay(postikadulta);
    map1.addOverlay(porkkalannuoli);
    
    // Thanks Esa for splendid circle drawing
    // Add circles
    //calculating km/degree
    var latConv = latlngW.distanceFrom(new GLatLng(latlngW.lat()+0.1, latlngW.lng()))/100;
    var lngConv = latlngW.distanceFrom(new GLatLng(latlngW.lat(), latlngW.lng()+0.1))/100;
    var latConv2 = latlngW2.distanceFrom(new GLatLng(latlngW2.lat()+0.1, latlngW2.lng()))/100;
    var lngConv2 = latlngW2.distanceFrom(new GLatLng(latlngW2.lat(), latlngW2.lng()+0.1))/100;
    var latConv3 = latlngW3.distanceFrom(new GLatLng(latlngW3.lat()+0.1, latlngW3.lng()))/100;
    var lngConv3 = latlngW3.distanceFrom(new GLatLng(latlngW3.lat(), latlngW3.lng()+0.1))/100;
    var latConv4 = latlngW4.distanceFrom(new GLatLng(latlngW4.lat()+0.1, latlngW4.lng()))/100;
    var lngConv4 = latlngW4.distanceFrom(new GLatLng(latlngW4.lat(), latlngW4.lng()+0.1))/100;
    var nodes = "50";
    var radius = "0.2"; // Radius in km
    // Loop 
    var points = [];
    var points2 = [];
    var points3 = [];
    var points4 = [];
    var step = parseInt(360/nodes)||10;
    for(var i=0; i<=360; i+=step)
    {
        var pint = new GLatLng(latlngW.lat() + (radius/latConv * Math.cos(i * Math.PI/180)), latlngW.lng() + (radius/lngConv * Math.sin(i * Math.PI/180)));
        var pint2 = new GLatLng(latlngW2.lat() + (radius/latConv2 * Math.cos(i * Math.PI/180)), latlngW2.lng() + (radius/lngConv2 * Math.sin(i * Math.PI/180)));
        var pint3 = new GLatLng(latlngW3.lat() + (radius/latConv3 * Math.cos(i * Math.PI/180)), latlngW3.lng() + (radius/lngConv3 * Math.sin(i * Math.PI/180)));
        var pint4 = new GLatLng(latlngW4.lat() + (radius/latConv4 * Math.cos(i * Math.PI/180)), latlngW4.lng() + (radius/lngConv4 * Math.sin(i * Math.PI/180)));
        points.push(pint);
        points2.push(pint2);
        points3.push(pint3);
        points4.push(pint4);
    }
    points.push(points[0]); // Closes the circle, thanks Martin
    points2.push(points2[0]); // Closes the circle, thanks Martin
    points3.push(points3[0]); // Closes the circle, thanks Martin
    points4.push(points4[0]); // Closes the circle, thanks Martin
    var fillColor = fillColor||liColor||"#009933";
    var liWidth = liWidth||1;
    var liColor = "#009922";
    var fillOpa = "0";
    var liOpa = "1";
    //console.log(points);
    var poly = new GPolygon(points,liColor,liWidth,liOpa,fillColor,fillOpa);
    var poly2 = new GPolygon(points2,liColor,liWidth,liOpa,fillColor,fillOpa);
    var poly3 = new GPolygon(points3,liColor,liWidth,liOpa,fillColor,fillOpa);
    var poly4 = new GPolygon(points4,liColor,liWidth,liOpa,fillColor,fillOpa);
    map1.addOverlay(poly);
    map1.addOverlay(poly2);
    map1.addOverlay(poly3);
    map1.addOverlay(poly4);
        
  }
  
  
}
//]]>