//<![CDATA[
var map = null;
var geocoder = null;


// Create our "tiny" marker icon
var icon = new GIcon();
icon.image = "images/marker.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(20, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(50, 54);
icon.infoWindowAnchor = new GPoint(25, 1);


var marker;

var sInfo;
var sInfoRoute;

// Initialize the main google map.
function initMap(adress, titel, html_adres) {
    if (GBrowserIsCompatible()) {

    map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(52.08864378813778, 5.285131931304932), 13);
    geocoder = new GClientGeocoder();
    
    showAddress(adress, titel, html_adres);
    }
}

// Adres op map weergeven
function showAddress(adress, titel, html_adres) {    
  geocoder.getLatLng(
    'Danzigerkade 17, 1013 AP Amsterdam',
    function(point) {
      if (!point) {
        alert(adress + " not found");
      } else {
        map.setCenter(point, 13);
        marker = new GMarker(point, icon);
        map.addOverlay(marker);
        
        sInfo = '<div id="markerWindow"><strong style="font-size:14px;font-weigth:bold;">Good Company</strong><br>';
        sInfo += 'Danzigerkade 17<br />';
        sInfo += '1013 AP<br />';
        sInfo += 'Amsterdam<br />';
                
        sInfo += '<p>Klik <a style=\'text-decoration:underline;\' href="#" onclick="openRouteInfo(\'Danzigerkade 17, 1013 AP Amsterdam\', \'' + titel + '\');return false;">hier</a> voor een route beschrijving.</p></div>';
                
        marker.openInfoWindowHtml(sInfo);
      }
    }
  );
}

function openRouteInfo(adress, titel) {
    
    sInfoRoute = '<div id="markerWindow"><strong style="font-size:14px;font-weigth:bold;">Routebeschrijving</strong><p><form id="route" class="route" action="javascript:void(0)">Vul uw adres in voor een routebeschrijving <br />naar <i> Danzigerkade 17, 1013 AP Amsterdam</i>.<br /><table><tr><td>Straatnaam:</td><td><input type="text" id="saddr" /></td><td></td></tr><tr><td>Woonplaats:</td><td><input type="text" id="splaa" /></td><td></td></tr><tr><td></td><td><input type="submit" onclick="javascript:route();return false;" class="btn_85" value="Toon route"></td></tr></table><input type="hidden" id="planner_adres" value="' + adress + '" /></form></div>';
    
    marker.openInfoWindowHtml( sInfoRoute + '</p>');
}


/**************************
*    Routeplanner
**************************/
function route(){
    // Start address -> moet in het formaat "straat, plaatsnaam" zijn
    saddr = document.getElementById("saddr").value;
    splaa = document.getElementById("splaa").value;

    // Adres van locatie
    daddr = document.getElementById("planner_adres").value;
    
    
    // Url
    url = 'http://maps.google.nl/?ie=UTF8&hl=nl&saddr=' + saddr +',' + splaa + '&daddr=' + daddr + '&f=d&sampleq=1';

    if(saddr != '' && splaa != ''){
        var load = window.open(url,'','scrollbars=yes,menubar=yes,height=600,width=800,resizable=yes,toolbar=yes,location=yes,status=yes');    
    } else {
        alert('Vul a.u.b. een straat en plaatsnaam in.');
    }
}

//]]>