var map;
var naar = "Frisaxstraat 12, 8471 ZW Wolvega, Nederland";

function load() {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("googlemap"));
    if(document.getElementById("googlemap").style.height != '388px')
    {
      document.getElementById("googlemap").style.height='0px';
    }

    map.setCenter(new GLatLng(52.887927, 5.994899), 15);
    //map.setCenter(new GLatLng(53.18680, 6.15046), 15);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.enableScrollWheelZoom();
    //grootte icoon
    svbIcon = new GIcon();
    svbIcon.iconSize = new GSize(108, 53);
    svbIcon.iconAnchor = new GPoint(0, 53);
    svbIcon.infoWindowAnchor = new GPoint(42, 46);
    svbIcon.image = "/interface/images/map_marker.png";
    //kleine icoon
    smallIcon = new GIcon();
    smallIcon.iconSize = new GSize(13,13);
    smallIcon.iconAnchor = new GPoint(6,6);
    smallIcon.infoWindowAnchor = new GPoint(6,6);
    smallIcon.image = "/interface/images/map_marker_small.png";
    //53.10692, 6.102846
    //var svbMarker = new GMarker(new GLatLng(52.887927, 5.994899), svbIcon);
    
    //53.18680, 6.15046 harkema
    var svbMarker = new GMarker(new GLatLng(52.88777, 5.99571), svbIcon);
    svbMarker.bindInfoWindowHtml('<div class="marker" style="width:300px;height:115px;display:block;"><img src="/interface/images/geenfoto_nieuws.gif" alt="" width="100" height="75" style="float:right" /><span class="titel">Spul voor buiten</span><div><i>Bezoekadres:</i><br/>Frisaxstraat 12<br/>8471 ZW Wolvega  <br/></div><span id="toonbeschrijving">Routebeschrijving: <a href="javascript:void(null);" onclick="document.getElementById(\x27route-straat\x27).focus();">Hier naartoe</a></span><div class="spacer"></div><div style="width:300px;line-height:1px;height:1px;">&nbsp;</div></div>');
    map.addOverlay(svbMarker);
  }
}

function setLocatie(x,y,titel,message) {
  document.getElementById('showroomnaam').innerHTML = titel;
  if (GBrowserIsCompatible()) {
    document.getElementById("googlemap").style.height = "387px";
    document.location.hash='#googlemap';
    document.getElementById("routeblok").style.display = "block";
    naar = x+","+y;
    map = new GMap2(document.getElementById("googlemap"));
    map.setCenter(new GLatLng(x, y), 15);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.enableScrollWheelZoom();
    var svbMarker = new GMarker(new GLatLng(x,y));
    map.addOverlay(svbMarker);
    
    svbMarker.openInfoWindowHtml('<div class="marker" style="width:300px;height:115px;display:block;">' + message + '<div class="spacer"></div><div style="width:300px;line-height:1px;height:1px;">&nbsp;</div></div>');
    
  }
}

function handleErrors(){
  if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS) {
    alert("De locatie van het opgegeven vertrekadres kon niet worden bepaald. Foutcode: " + gdir.getStatus().code);
  }
  else if (gdir.getStatus().code == G_GEO_SERVER_ERROR) {
    alert("Er is iets misgegaan. Maar het is onduidelijk wat! Foutcode: " + gdir.getStatus().code);
  }
  else if (gdir.getStatus().code == G_GEO_MISSING_QUERY) {
    alert("Een parameter ontbreekt. Misschien was er geen vertrekpunt ingevoerd. Foutcode: " + gdir.getStatus().code);
  }
  else if (gdir.getStatus().code == G_GEO_BAD_KEY) {
    alert("De Google Maps sleutel is ongeldig of de gebruikte sleutel is niet geldig voor dit domein. n Foutcode: " + gdir.getStatus().code);
  }
  else if (gdir.getStatus().code == G_GEO_BAD_REQUEST) {
    alert("De aanvraag voor het plannen van een route is mislukt.n Foutcode: " + gdir.getStatus().code);
  }
  else {
    alert("Er is iets misgegaan. Maar het is volstrekt onduidelijk wat de oorzaak is!");
  }
}
// Gdirections gedeelte.
// Laden van de routebeschrijving.
var gdir;
function routeLaden() {
  var route = document.getElementById("container-routebeschrijving");
  route.innerHTML = "";
  var route_van_straat = document.getElementById("route-straat").value;
  var route_van_nr = document.getElementById("route-nr").value;
  var route_van_plaats = document.getElementById("route-plaats").value; 
  var van = route_van_straat + " " + route_van_nr + ", " + route_van_plaats + " Nederland";
  
  var melding_route = document.getElementById("melding-route");
  melding_route.innerHTML = "";
  
  if (route_van_straat == "") {
    melding_route.innerHTML = "<p>U heeft geen straatnaam opgegeven. Vul de gegevens verder aan.</p>";
    document.getElementById("route-straat").focus();
    document.getElementById("googlemap").scrollIntoView(true);
  }
  else if (route_van_plaats == "") {
    melding_route.innerHTML = "<p>U heeft geen plaatsnaam opgegeven. Vul de gegevens verder aan.</p>";
    document.getElementById("route-plaats").focus();
    document.getElementById("googlemap").scrollIntoView(true);
  }  
  else {
    if (gdir) {
      // eventuele vorige routebschrijvingen van de google-maps verwijderen.
      gdir.clear();
    }
    gdir = new GDirections(map, route);
    GEvent.addListener(gdir, "load", onGDirectionsLoad);
    GEvent.addListener(gdir, "error", handleErrors);
    var taal = "nl_nl";
    gdir.load("from: " + van + " to: " + naar, { "locale": taal });
    document.getElementById("routevan").scrollIntoView(true);
  }
}

function onGDirectionsLoad() {
  var container_route = document.getElementById("container-routebeschrijving");
  try{
	  container = document.getElementById("container"); 
	}catch(e){}
  container_route.style.display = "block";
  container_route.style.left = (container.offsetLeft + 6) + "px";
  container_route.style.top = (container.offsetTop + 6) + "px"; 
  container_route.style.visibility = "visible"; 
  var sluit = document.getElementById("sluit-routebeschrijving"); 
  var iw = map.getInfoWindow();
  iw.hide();
}
function copydivinputs(from,to)
{
  var finputs = document.getElementById(from).getElementsByTagName('input');
  var tinputs = document.getElementById(to).getElementsByTagName('input');
  for(i=0;i<tinputs.length;i++)
  {
    tinputs[i].value = finputs[i].value;
  }
}
function postadrescopy() {
  var e = document.getElementById("fafleveradresanders");
  if (!e) {
    return;
  }
  var checked = 0;
  var date = new Date();
  var random = date.getTime();
  if (e) {
    var inputs = e.getElementsByTagName('input');
    for (i = 0; i < inputs.length; i++) {
      if (inputs[i].checked) {
        checked = 1;
      }
    }
  }
  if (checked != 1) {
    copydivinputs('postadres', 'afleveradres');
  }
}

function postadres() {
  var e = document.getElementById("fafleveradresanders");
  if (!e) {
    return;
  }
  var checked = 0;
  var date = new Date();
  var random = date.getTime();
  if (e) {
    var inputs = e.getElementsByTagName('input');
    for (i = 0; i < inputs.length; i++) {
      if (inputs[i].checked) {
        checked = 1;
      }
    }
  }
  if (checked != 1) {
    document.getElementById("afleveradres").style.display = 'none';
  } else {
    document.getElementById("afleveradres").style.display = 'block';
  }
}