var googleMarkersMap = {};

function NuonMap(mapElement, markers) {
	this.map = new GMap2(mapElement);
	this.markers = markers;
	this.baseIcon = "";
	this.markerImgMap = new Array();
}

NuonMap.prototype = {

	init:function() {
		// Center map at Netherlands
		this.map.setCenter(new GLatLng(52.268157, 4.49340), 7);

		// Satalite map
		this.map.setMapType(G_SATELLITE_MAP);

		// Enable zoom
		// map.enableScrollWheelZoom();
		this.map.enableDoubleClickZoom();

		// Add type controle
		this.map.addControl(new GMapTypeControl());
		this.map.addControl(new GSmallZoomControl());
		this.map.addControl(new GScaleControl());
		
		this.addMarkers();
	},
	
	createIcon:function(url, width, height) {
		var baseIcon = new GIcon(G_DEFAULT_ICON);
		baseIcon.image = url;

		var dims = this.determineSize(url, width, height);
		if (dims['width'] > 0 && dims['height'] > 0) {
			width = dims['width'];
			height = dims['height']
		}

		baseIcon.iconSize = new GSize(width, height);
		//baseIcon.shadowSize = new GSize(37, 34);
		//baseIcon.iconAnchor = new GPoint(0, 0);
		//baseIcon.infoWindowAnchor = new GPoint(0, 0);
		//this.baseIcon.infoShadowAnchor = new GPoint(18, 25);
		return baseIcon;
	},
	
	createMarker:function(point, customIcon, title, info) {
		  markerOptions = { icon:customIcon, title:title };
		  var marker = new GMarker(point, markerOptions);
		  
		  if (info != null) {
			  GEvent.addListener(marker, "click", function() {
			    marker.openInfoWindow(info, { maxWidth:422});
			  });
		  }
		  
		  return marker;	
	},
	
	addMarkers:function() {
		var rows = this.markers.rows;
		// First row is TH row.
		for (var i=1;i<rows.length;i++) {
			var row = rows.item(i);
			var iconMarker = this.getMarkerFromRow(row);
			var id = row.getAttribute("nuonmaps:id");
			googleMarkersMap[id] = iconMarker;
			
			this.map.addOverlay(iconMarker);
		}
	},
	
	getMarkerFromRow:function(row) {
		var title = row.getAttribute("nuonmaps:title");	
		var imageUrl = row.getAttribute("nuonmaps:image");
		var width = row.getAttribute("nuonmaps:width");
		var height = row.getAttribute("nuonmaps:height");
		var lat = row.getAttribute("nuonmaps:lat");
		var lng = row.getAttribute("nuonmaps:lng");
		var baseIcon = this.createIcon(imageUrl, width, height);
		var info = row.cells.item(2).firstChild;
		return this.createMarker(new GLatLng(lat, lng), baseIcon, title, info);
	},
	
	pause: function(millis) {
		var date = new Date();
		var curDate = null;
		
		do { curDate = new Date(); }
		while(curDate-date < millis);
	},
	
	determineSize: function(url, width, height) {
		
		var dims = this.markerImgMap[url];

		if (dims == null || typeof(dims) == "undefined") {
			dims = new Array();
			// determine width and height is not available
			if (width == null || width == "" || typeof(width) == "undefined" ||
				height == null || height == "" || typeof(height) == "undefined") {
				// determine size dynamically				
				var image = new Image();
				image.src = url;
				if (image.complete) {
					width = image.width;
					height = image.height;
				} else {
					width = image.width;
					height = image.height;
					if (width == 0 || height == 0) {
						width = 30;
						height = 35;	
					}					
				}
			}

			dims['width'] = width;
			dims['height'] = height;
			this.markerImgMap[url] = dims;

		}

		return dims;
	}
}

EventListener.addEvent(window, "load", function(e){
	if (document.getElementById("googlemap") && document.getElementById("markers")) {
		if (GBrowserIsCompatible()) {
			var nuonMap = new NuonMap(document.getElementById("googlemap"), document.getElementById("markers"));
			nuonMap.init();
		}
	}
	
	// add click events to Google Location LinkLijst anchors
	var lists = document.getElementsByTagName('ul');
	for(var i=0;i<lists.length;i++){
		if(ClassName.contains(lists[i],"list-links")) {
			var listitems = lists[i].getElementsByTagName("li");
			for(var j=0;j<listitems.length;j++){
				if (ClassName.contains(listitems[j],"googlemaplink")) {
					var id = listitems[j].getAttribute("componentUri");
					var anchors = listitems[j].getElementsByTagName("a");
					for(var k=0;k<anchors.length;k++){
						EventListener.addEvent(
								anchors[k],"click",
								function() {
									var marker = googleMarkersMap[this.getAttribute("componentUri")];
									if (marker != null && typeof(marker) != "undefined") {
										GEvent.trigger(marker, "click");
									}
								},
								listitems[j]);
					}
				}
			}
		}
	}
});