/**
 * @depends: mootools
 */
var GMap;
var berlin = new GLatLng(52.523781, 13.411895);
var zoom   = 10;

window.addEvent('load', function(){
	var e = $('gmap');

	if (GBrowserIsCompatible() && e)
	{
		GMap = new GMap2(e);
		GMap.setCenter(berlin, zoom);
		GMap.addControl(new GLargeMapControl());

		var _icon = new GIcon();
		_icon.image      = '../../pictures/traffic/icons/risk.png';
		_icon.shadow     = '../../pictures/traffic/icons/shadow.png';
		_icon.iconSize   = new GSize(25, 22);
		_icon.shadowSize = new GSize(25, 22);
		_icon.iconAnchor = new GPoint(6, 20);
		_icon.infoWindowAnchor = new GPoint(13, 11);

		markers.each(function(item){
			var point  = new GLatLng(item.pos.lat, item.pos.lng);

			var icon = new GIcon(_icon, item.icon);

			var options = {'icon' : icon};
			var marker = new GMarker(point, options);

			GEvent.addListener(marker, 'click', function(){
				marker.openInfoWindowHtml('<p>' + item.title + '</p><p style="text-align: right;"><a href="#' + item.id + '">Mehr</a></p>');
			});

			GMap.addOverlay(marker);
		}.bind(this));

		GMap.focus = function(i){
			var point = new GLatLng(markers[i].pos.lat, markers[i].pos.lng);

			GMap.setCenter(point, 14);
		}
	}
});

window.addEvent('unload', function(){
	GUnload();
});