window.onload = init;
var lat = 52.358485;
var lng = 4.903631;
var map;

function init() {
	if (GBrowserIsCompatible()) {
		var m = document.getElementById("map");
		if(m) {
			map = new GMap2(m);
			map.enableScrollWheelZoom();
			map.setCenter(new GLatLng(lat,lng), 17);
			map.setMapType(G_SATELLITE_MAP);
			map.addControl(new HomeControl());
	
			map.addOverlay(ic("Visit us", lat, lng, '/img/visitus.png', 277, 340, 0, 340, false));
			map.addOverlay(ic("Call us", lat, lng, '/img/callus.png', 239, 115, 239, 115, false));
			var emailus = ic("Email us", lat, lng, '/img/emailus.png', 260, 112, 0, 0, true);
			GEvent.addListener(emailus,'click',clickMail);
			map.addOverlay(emailus);
			map.addOverlay(ic("Mail us", lat, lng, '/img/mailus.png', 198, 169, 198, 0, false));
		}
	}
}

function clickMail() {
	window.location.href = "mailto:contact@oberon.nl";
}

function ic(title, lat, lng, src, w, h, ax, ay, clickable) {
	var icon = new GIcon();
	icon.image = src;
	icon.iconSize = new GSize(w, h)
	icon.iconAnchor = new GPoint(ax, ay);
	
	var pos = new GLatLng(lat, lng);
    var options = {
    		"title": title,
            "clickable": clickable,
            "icon": icon
    };
	var m = new GMarker(pos, options);	
	return m;
}

function HomeControl(){
}

HomeControl.prototype = new GControl();

HomeControl.prototype.initialize = function(map) {
  var color = "#222222";

  var container = document.createElement("div");

  var homeDiv = document.createElement("div");
  homeDiv.style.fontFamily = "Arial, Verdana, Sans-serif";
  homeDiv.style.fontSize = "10px";
  homeDiv.style.color = color;
  homeDiv.style.background = "url(/img/bg.png)";
  homeDiv.style.width = "162px";
  homeDiv.style.height = "23px";
  homeDiv.style.textAlign = "center";
  container.appendChild(homeDiv);
  homeDiv.innerHTML = '<a style="text-decoration:none;color:'+color+';" href="http://www.oberon.nl">home</a> - <a style="text-decoration:none;color:'+color+';" href="http://work.oberon.nl">work</a> - <a style="text-decoration:none;color:'+color+';" href="http://blog.oberon.nl">blog</a>';
//  GEvent.addDomListener(homeDiv, "click", function() {
//    goHome();
//  });
  map.getContainer().appendChild(container);
  return container;
}

HomeControl.prototype.getDefaultPosition = function() {
  var mapsize = map.getSize();
  return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(mapsize.width/2-81, 3));
}