var map;
var clubIcon;
var modelIcon;
var myFx = new Fx.Scroll('mapList', {transition: Fx.Transitions.Cubic.easeOut}); 

function initialize()
{
	map = new google.maps.Map2($('map'));
	
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new google.maps.LatLng(53.580556, 9.993333), 12);
	
	clubIcon = new GIcon();
	clubIcon.image = "/img/map/club.png";
	clubIcon.shadow = "/img/map/club_shadow.png";
	clubIcon.iconSize = new GSize(16, 20);
	clubIcon.shadowSize = new GSize(22, 20);
	clubIcon.iconAnchor = new GPoint(6, 20);
	clubIcon.infoWindowAnchor = new GPoint(11, 5);
	
	modelIcon = new GIcon();
	modelIcon.image = "/img/map/model.png";
	modelIcon.shadow = "/img/map/model_shadow.png";
	modelIcon.iconSize = new GSize(16, 20);
	modelIcon.shadowSize = new GSize(22, 20);
	modelIcon.iconAnchor = new GPoint(6, 20);
	modelIcon.infoWindowAnchor = new GPoint(11, 5);
	
	var num = providers.length;
	
	for (var i=0; i<num; i++)
	{
		map.addOverlay(createMarker(i));
	}
}

function createMarker(key)
{
	var markerOptions = { icon:(providers[key].type == 1 ? modelIcon : clubIcon) };
	var point = new GLatLng(providers[key].lng, providers[key].lat);
	var marker = new GMarker(point, markerOptions);
	
	GEvent.addListener(marker, "click", function()
	{
		var content  = '<strong>'+providers[key].name+'</strong><br />';
			content += providers[key].address+'<br />';
			content += providers[key].city+' '+providers[key].zip+'<br /><br />';
			content += '<a style="cursor:pointer;" onclick="openSetcard('+providers[key].id+');"><b>Setcard öffnen</b></a>'
		
		marker.openInfoWindowHtml(content);
		
		myFx.toElement('group'+key);
		
		new Fx.Styles('group'+key,{duration: 8000, transition: Fx.Transitions.Quad.easeInOut}).start(
		{
			'color' : ['#FF0000','#000000'],
			'background-color' : ['#FF0000','#CCCCCC']
		});

	});
	
	return marker;
}

function openMapInfo(key, provider)
{
	var content  = '<strong>'+provider.name+'</strong><br />';
		content += provider.address+'<br />';
		content += provider.city+' '+provider.zip+'<br /><br />';
		content += '<a style="cursor:pointer;" onclick="openSetcard('+provider.id+');"><b>Setcard öffnen</b></a>'
	
	map.setCenter(new GLatLng(providers[key].lng, providers[key].lat));
	map.openInfoWindowHtml(map.getCenter(), content, {offset: new GPoint(101, 50)});
}