var CustomMap = Class.create(GoogleMap, {
	maxZoom: 12,
	addData: function addData() {
		index = 1;
		$$('table.projects a[rel]').each(function(a) {
			var LatLng = this.strToLatLng(a.readAttribute('rel'));
			var title = a.innerHTML.strip();
			var text = a.up('td').next('td').innerHTML.strip();
			var info = a.up('td').next(1).innerHTML.strip();
			this.bounds.extend(LatLng);
			
			var image = a.up('td').previous('th').down('img');
			
			var icon = new google.maps.MarkerImage(image.readAttribute('src'),
				new google.maps.Size(27,27),
				new google.maps.Point(0,0),
				new google.maps.Point(14,27)
			);
			var shape = { coord: [1, 1, 1, 20, 26, 20, 26, 1], type: 'poly' };
			var marker = this.addMarker(LatLng, { title: title, icon: icon, shape: shape });
			var infoWindow = new google.maps.InfoWindow({
				content: "<strong>Naam: "+title+"</strong><br />"+text+"<br />"+info
			});
			this.infoWindows.push(infoWindow);
			
			var markerClick = function clickMarker(event, marker) {
				event = Event.extend(event); // we need to extend the google generated event
				dummyEvent = event + "";

				if(dummyEvent.indexOf(".") == -1) {
					if(event.findElement('img.map-anchor')) {
						event.findElement('tbody').select('tr').invoke('removeClassName', 'selected');
						event.findElement('tr').addClassName('selected');
					}
					
				}
				this.infoWindows.invoke('close');
				infoWindow.open(this.map, marker);
			}.bindAsEventListener(this, marker);
			
			image.observe('click', markerClick);
			
			google.maps.event.addListener(marker, 'click', markerClick);
			index++;
		}.bind(this));
		this.fitBounds();
	}
});

document.observe("dom:loaded", function domloaded() {

	/* Flash tag cloud */

	var flashvars = {};
	flashvars.tcolor = "0x333333";
	flashvars.mode = "tags";
	flashvars.distr = "true";
	flashvars.tspeed = "100";
			
	flashvars.tagcloud = "<tags>";
			
		
	$$('div#flashcontent a[rel]').each(function(a) {
		flashvars.tagcloud+="<a style='12' href='" + a.href + "'>" + a.innerHTML.strip() + "</a>";
	});
	
	flashvars.tagcloud += "</tags>";
	
	var params = {};
	params.wmode = "transparent";
	
	
	swfobject.embedSWF("/flash/tagcloud.swf", "flashcontent", "423", "250", "7", "#ffffff", flashvars, params);
	
	/* Custom Google Map */

	$$('div.el-map').each(function(container) { new CustomMap(container); });
});