window.addEvent('domready', function() {
    
    if ($('nulco2bg')) {
        $('nulco2bg').setStyle('opacity', '.9');
    }

});

// Maak een popup met daarin de Google Maps applicatie
function routePopup() {
  // Check of beide velden zijn ingevuld
  if (document.getElementById('adres').value == "") {
    alert("Voor het optimaal berekenen van een route op maat moet er een adres ingevuld worden.");
  }
  if (document.getElementById('plaats').value == "") {
    alert("Voor het optimaal berekenen van een route op maat moet er een plaats ingevuld worden.");
  }
  else {
    // Haal het vertrekpunt uit het formulier en vervang de spaties door + tekens
    var vertrekpunt = document.getElementById('adres').value + ",+" + document.getElementById('plaats').value;
    vertrekpunt = vertrekpunt.replace(/ /, "+");

    // Open een nieuw venster met de routebeschrijving
    window.open("http://maps.google.nl/maps?f=d&hl=nl&saddr=" + vertrekpunt + "&daddr=meridiaan+2,+gouda&ie=UTF8&om=1", "_blank", "directories=0, location=0, menubar=0, status=0, toolbar=0, resizable=1, height=600, width=800");
  }
  return false;
}

function openWindow(whichUrl) {
  var url = whichUrl.getAttribute("href");
  window.open(url);
}

// Google Maps initialize
function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(51.872797, 5.593749), 7);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setMapType(G_SATELLITE_MAP);
    map.enableDoubleClickZoom()
    var icon = new GIcon();
    icon.iconSize = new GSize(22, 22);
    icon.iconAnchor = new GPoint(10, 10);
    icon.infoWindowAnchor = new GPoint(15, 5);

    function showMarker(loc) {
      var el;

      if (loc.name != undefined) el = loc.name + '<br />';
      if (loc.address.street != undefined) el = el + loc.address.street + '<br />';
      if (loc.address.zip != undefined) el = el + loc.address.zip + ' ' + loc.address.city + '<br />';
      if (loc.address.poststreet != undefined) el = el + '<br />Postadres:<br />' + loc.address.poststreet + '<br />'
      if (loc.address.postcity != undefined) el = el + loc.address.postzip + ' ' + loc.address.postcity + '<br /><br />';
      if (loc.tel != undefined) el = el + 't. ' + loc.tel + '<br />';
      if (loc.fax != undefined) el = el + 'f. ' + loc.fax + '<br />';
      if (loc.mail != undefined) el = el + 'e. <a href="mailto:' + loc.mail + '">' + loc.mail + '</a><br />';
      if (loc.link != undefined) el = el + 'i. <a href="' + loc.link + '">' + loc.link + '</a><br />';
      if (loc.info != undefined) el = el + loc.info + '<br />';

      var myIcon = new GIcon(icon);
      myIcon.image = loc.maps.icon;

      var markerOptions = { icon: myIcon };

      var latlngArr = loc.maps.latlng.split(',');

      var point = new GLatLng(latlngArr[0], latlngArr[1]);

      var marker = new GMarker(point, markerOptions);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(el);
      });

      map.addOverlay(marker);
    }


    var i;
    for (i = 0; i < myJSON.locations.length; i++) {
      showMarker(myJSON.locations[i]);

    }
  }
}