Colors = {
			'Research':{'name':'brown','css':'#EFE073'},
			'Urbanism/Strategy':{'name':'orange','css':'#FBAE3D'},
			'Housing/Leisure':{'name':'green','css':'#63C339'},
			'Culture':{'name':'pink','css':'#FF0075'},
			'Commercial':{'name':'red','css':'#FF6124'},
			'Health and Care':{'name':'blue','css':'#009BDF'},
			'Education':{'name':'yellow','css':'#FFEB00'}
		};
		
TextColors = {
			'brown':{'css':'#EFE073'},
			'orange':{'css':'#FBAE3D'},
			'green':{'css':'#63C339'},
			'pink':{'css':'#FF0075'},
			'red':{'css':'#FF6124'},
			'blue':{'css':'#009BDF'},
			'yellow':{'css':'#FFEB00'}
		};

function TextualZoomControl() {}
TextualZoomControl.prototype = new GControl();

TextualZoomControl.prototype.initialize = function(map)
	{

	var $container = $('<div>').append(
	  $('<div>').append(
		  $('<span>').text('Zoom In')
	  ).bind("click",function(){
		map.zoomIn();
	  })
	).append(
	  $('<div>').append(
		  $('<span>').text('Zoom Out')
	  ).bind("click",function(){
		map.zoomOut();
	  })
	);

	$(map.getContainer()).append($container);
	return $container.get(0);
	}

TextualZoomControl.prototype.getDefaultPosition = function()
	{
	return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(0,0));
	}



$(function() {
	$('#mainframe').overlayIframe({webroot: PA_WEBROOT});

	// Setup google map
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("bgmap"), {mapTypes:[G_SATELLITE_MAP]});

		map.setCenter(new GLatLng(59.91382, 10.738741), 5);

		map.enableScrollWheelZoom();

		map.pa_ctrl = new TextualZoomControl();
		map.pa_showCtrl = function() {
			map.checkResize();
			map.removeControl(map.pa_ctrl);
			//var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize($('#mainframe').offset().left,headerHeight));
			map.addControl(map.pa_ctrl); //,pos
			$(window).bind("resize",map.pa_showCtrl);
		};
		
		markers = new Array();
		$.getJSON(PA_WEBROOT+"projects/mapjson",function(data){
			var ipLat = data.location.IpLocation.latitude;
			var ipLng = data.location.IpLocation.longitude;
// 			map.panTo(new GLatLng(ipLat,ipLng));
			$(data.markers).each(function(){
				var position = new GLatLng(this.Marker.latitude,this.Marker.longitude);
				var mark = new GMarker(position, {icon:eval(this.Marker.icon), title:this.Marker.name});
				mark.array = this.Marker
				GEvent.addListener(mark, 'click',function(){
					map.showPaInfoWindow(position,mark.array);
				});
				markers.push(mark);
			});
			GEvent.trigger(map,'markersloaded');
			var mc = new MarkerClusterer(map, markers,{ allwaysCluster: true });
		});
	}
});